:root{--ink:#172129;--ice:#eaf7f8;--blue:#3d7f8d;--coral:#ff7a68;--paper:#fffdf5;--gold:#e7bd63;--line:#bfdadd;--shadow:0 18px 50px rgba(18,48,55,.16)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#d9f1f3,#f9f5e9 50%,#d8ecef);color:var(--ink);font-family:Inter,system-ui,sans-serif;min-height:100vh}.topbar{position:sticky;top:0;z-index:40;background:rgba(255,253,245,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1400px;margin:auto;display:flex;gap:14px;align-items:center;padding:10px 18px;overflow-x:auto}.brand{font-family:Georgia,serif;font-weight:800;letter-spacing:.08em;white-space:nowrap}.navlinks{display:flex;gap:8px;align-items:center;white-space:nowrap}.navlinks a,.lang-btn{border:1px solid var(--line);background:white;color:var(--ink);padding:8px 12px;border-radius:999px;text-decoration:none;cursor:pointer}.navlinks a.active{background:var(--ink);color:white}.lang-wrap{margin-left:auto;display:flex;gap:6px}.game-shell{max-width:1450px;margin:20px auto;padding:0 18px;display:grid;grid-template-columns:260px 1fr 300px;gap:18px}.panel{background:rgba(255,253,245,.92);border:1px solid rgba(61,127,141,.24);border-radius:26px;box-shadow:var(--shadow)}.side{padding:18px}.stage{position:relative;min-height:710px;overflow:hidden;background:radial-gradient(circle at 40% 30%,#efffff,transparent 30%),linear-gradient(#89c8d1,#dff2ef 48%,#f9f3df 49%);border-radius:30px;border:8px solid rgba(255,255,255,.55);box-shadow:var(--shadow)}.stage:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 45px,rgba(255,255,255,.18) 46px 48px)}#phaser-game{position:absolute;inset:0}.hud-title{position:absolute;left:24px;top:18px;z-index:5;background:rgba(255,253,245,.88);padding:10px 16px;border-radius:16px;border:1px solid var(--line)}.deck{display:grid;gap:12px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:14px;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(18,48,55,.12)}.card.selected{outline:3px solid var(--coral)}.card .icon{font-size:30px}.card small{color:#517178}.stat{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--line)}.meter{height:10px;background:#dceced;border-radius:20px;overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--gold));width:50%}.primary{width:100%;border:0;background:var(--ink);color:#fff;padding:13px;border-radius:14px;font-weight:700;cursor:pointer}.primary:disabled{opacity:.45}.log{font-size:.9rem;max-height:260px;overflow:auto}.log p{padding:9px;background:#f2f8f6;border-radius:10px}.page-wrap{max-width:1000px;margin:32px auto;padding:0 18px}.paper{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}h1,h2,h3{font-family:Georgia,serif}.hero-title{font-size:clamp(2.4rem,6vw,5.5rem);line-height:.9;margin:0 0 18px}.badge{display:inline-block;background:var(--coral);color:white;padding:7px 12px;border-radius:999px}.footer{max-width:1400px;margin:30px auto;padding:20px;text-align:center;color:#55757a}.modal-card{max-width:520px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--line);padding:16px;border-radius:14px;background:white;cursor:pointer}@media(max-width:1050px){.game-shell{grid-template-columns:1fr}.side.right{order:3}.side.left{order:2}.stage{min-height:620px}}@media(max-width:640px){.topbar-inner{padding:8px}.game-shell{padding:0 8px}.stage{min-height:520px;border-width:4px}.paper{padding:22px}.choice-grid{grid-template-columns:1fr}.lang-wrap{margin-left:0}}