:root{--ink: #ffffff;--ink-dim: rgba(255, 255, 255, .78);--panel: rgba(10, 28, 40, .55);--panel-strong: rgba(8, 24, 34, .72);--line: rgba(255, 255, 255, .18);--teal: #3dd6c6;--coral: #ff6b4a;--gold: #f5c542;--blue: #5b8cff;--font-display: "Syne", sans-serif;--font-body: "Figtree", sans-serif;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root,.app-shell{margin:0;width:100%;height:100%;overflow:hidden;background:#0b2430}button,input{font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}.stage{position:relative;width:100%;height:100%;overflow:hidden}.stage-shake{animation:stage-shake .45s ease}@keyframes stage-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.river-progress{position:absolute;top:clamp(3.6rem,8vw,4.6rem);left:50%;transform:translate(-50%);width:min(420px,calc(100% - 2rem));display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.45);font-weight:700;font-size:.85rem}.river-progress-track{width:100%;height:10px;border-radius:999px;background:#00000047;border:1px solid var(--line);overflow:hidden}.river-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b8cff,#3dd6c6,#f5c542);transition:width .45s ease}.river-card .stone-choice{display:flex;align-items:flex-start;gap:.75rem}.stone-index{flex:0 0 auto;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:#ffe08ae6;color:#3a2a00;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.world-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(.85rem,2vw,1.4rem)}.hud>*{pointer-events:auto}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hud-title,.brand-pill{margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.35)}.hud-title{font-size:clamp(1.2rem,3vw,1.8rem);text-align:center;flex:1}.brand-pill{display:inline-flex;align-items:center;gap:.55rem;font-size:1.05rem;padding:.45rem .8rem .45rem .45rem;border-radius:999px;background:#00000047;border:1px solid var(--line)}.brand-mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--teal),#1a8f86);color:#062018;font-weight:800}.hud-back{padding:.55rem .8rem;border-radius:999px;background:#00000047;border:1px solid var(--line);font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-score{min-width:96px;text-align:right;text-shadow:0 2px 12px rgba(0,0,0,.4)}.hud-score span{display:block;font-size:.78rem;opacity:.8;text-transform:uppercase;letter-spacing:.08em}.hud-score strong{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.03em}.hud-card{width:min(560px,100%);margin:0 auto 2vh;padding:1.2rem 1.25rem 1.25rem;border-radius:22px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #00000047;animation:rise .35s ease both}.intro-card,.select-card,.certificate-card,.feedback-card{text-align:center}.certificate-card{width:min(640px,100%);background:var(--panel-strong)}.hud-round{margin:0 0 .45rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;color:var(--ink-dim)}.hud-prompt{margin:0 0 1rem;font-size:clamp(1.05rem,2.4vw,1.25rem);line-height:1.45}.hud-prompt.bubble{padding:.9rem 1rem;border-radius:16px 16px 16px 6px;background:#ffffff1a;border:1px solid var(--line)}.hud-source{margin:-.4rem 0 1rem;color:var(--ink-dim);font-size:.9rem}.result-heading{margin:0 0 .55rem;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.03em}.hud-btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:.95rem 1.4rem;border-radius:14px;font-weight:800;letter-spacing:.06em;transition:transform .15s ease,filter .15s ease}.hud-btn:hover{transform:translateY(-2px)}.hud-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.hud-btn.play{background:#fff;color:#1a4d8f;box-shadow:0 10px 28px #00000040}.hud-btn.ghost{background:#ffffff1a;border:1px solid var(--line);color:#fff;letter-spacing:.02em;font-weight:700}.hud-choices{display:grid;gap:.65rem}.hud-choices.two{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-choices.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-choice{text-align:left;padding:.9rem 1rem;border-radius:14px;background:#ffffff1a;border:1px solid var(--line);transition:transform .15s ease,background .15s ease}.hud-choice:hover{transform:translateY(-1px);background:#ffffff2e}.hud-choice small{display:block;margin-top:.25rem;opacity:.7;font-size:.78rem}.hud-choice.danger{border-color:#ff788c8c}.hud-choice.safe,.feedback-card.good{border-color:#5adcaa8c}.feedback-card.bad{border-color:#ff788c8c}.timer-bar{height:8px;border-radius:999px;background:#ffffff26;overflow:hidden;margin-bottom:.9rem}.timer-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--coral));transition:width .1s linear}.name-form{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.name-form input{flex:1;min-width:180px;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--line);background:#00000047;color:#fff;outline:none}.name-form input:focus{border-color:#3dd6c6bf;box-shadow:0 0 0 3px #3dd6c62e}.hub-bottom{display:grid;gap:.8rem}.land-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.land-chip{text-align:left;padding:.75rem .85rem;border-radius:16px;background:#00000052;border:1px solid color-mix(in srgb,var(--chip) 55%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s ease,background .15s ease}.land-chip strong{display:block;font-family:var(--font-display);font-size:.95rem;margin-bottom:.15rem}.land-chip span{color:var(--ink-dim);font-size:.78rem}.land-chip:hover,.land-chip.active{transform:translateY(-2px);background:color-mix(in srgb,var(--chip) 22%,rgba(0,0,0,.35))}.land-chip.done{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip) 70%,white)}.hint-line{margin:0 auto;text-align:center;color:var(--ink-dim);text-shadow:0 2px 10px rgba(0,0,0,.4)}.cta-row{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.seal{width:76px;height:76px;margin:0 auto .8rem;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:#2a2108;background:linear-gradient(145deg,var(--gold),#d9a61f);box-shadow:0 10px 30px #f5c54259;animation:pulse 2.4s ease-in-out infinite}.score-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1.1rem 0;text-align:left}.score-list div{padding:.75rem .85rem;border-radius:12px;background:#ffffff14;border:1px solid var(--line)}.score-list strong{display:block;font-family:var(--font-display);margin-bottom:.15rem}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (max-width: 900px){.land-rail,.hud-choices.three,.score-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.hud-choices.two,.hud-choices.three,.land-rail,.score-list{grid-template-columns:1fr}.hud-card{margin-bottom:.4rem;padding:1rem}.hud-title{font-size:1rem}}