: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-stage .hud-title{font-size:clamp(1rem,2.5vw,1.35rem)}.river-title-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-shadow:0 2px 12px rgba(0,0,0,.35)}.river-title-block .hud-title{flex:none}.river-progress-track{width:min(340px,50vw);height:6px;border-radius:999px;background:#ffffff40;overflow:hidden}.river-progress-fill{height:100%;border-radius:inherit;background:#fff;transition:width .45s ease}.river-q{font-size:.85rem;font-weight:700;opacity:.92}.answer-stack{width:min(620px,calc(100% - 1.5rem));margin:0 auto;display:grid;gap:0;animation:rise .3s ease both}.scenario-box{width:100%;box-sizing:border-box;padding:1.15rem 1.35rem;background:#0d47a1e6;color:#fff;border-radius:16px;font-size:clamp(1.15rem,2.8vw,1.4rem);font-weight:700;line-height:1.35;text-align:center;box-shadow:0 14px 32px #00000047}.answer-box{padding:.95rem 1.15rem;background:#fffffff5;color:#1565c0;border-radius:0 0 10px 10px;font-size:clamp(.98rem,2.2vw,1.12rem);line-height:1.4;text-align:center;font-weight:700;box-shadow:0 12px 30px #0003}.answer-box.ok{color:#1b5e20;background:#e8f5e9}.answer-box.bad{color:#b71c1c;background:#ffebee}.answer-box span{display:block;margin-top:.35rem;font-weight:500;font-size:.92rem;opacity:.9}.river-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:.4rem}.river-controls-left{display:flex;align-items:center;gap:.55rem}.control-hint{font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.4);font-size:.92rem}.hud-round-btn{width:58px;height:58px;border-radius:50%;border:3px solid rgba(255,255,255,.92);background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.6rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00000038;transition:transform .15s ease,background .15s ease}.hud-round-btn:hover{transform:translateY(-2px) scale(1.04);background:#ffffff38}.hud-round-btn.confirm{width:auto;min-width:58px;padding:0 1rem;gap:.45rem;border-radius:999px;font-size:1.35rem}.hud-round-btn.confirm span{font-size:.92rem;font-weight:700}.float-points-inline{display:inline-block;margin-left:.35rem;font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#f5c542;animation:float-score-inline .9s ease forwards}@keyframes float-score-inline{0%{opacity:0;transform:translateY(8px) scale(.8)}30%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-12px) scale(1)}}.river-intro{margin-bottom:12vh}@media (max-width: 640px){.hud-round-btn{width:50px;height:50px;font-size:1.35rem}.hud-round-btn.confirm span,.control-hint{display:none}}.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:not(.river-hud)>*{pointer-events:auto}.hud-interactive,.hud-interactive *{pointer-events:auto}.river-hud{justify-content:flex-start;gap:.75rem}.scenario-top{width:min(620px,calc(100% - 1.5rem));margin:.4rem auto 0;pointer-events:none;display:flex;flex-direction:column;align-items:stretch}.hover-hint{margin:.55rem 0 0;text-align:center;font-weight:700;font-size:.92rem;text-shadow:0 2px 10px rgba(0,0,0,.45)}.shore-hint{margin:.3rem 0 0;text-align:center;font-weight:600;font-size:.82rem;color:#ffffffe0;text-shadow:0 2px 10px rgba(0,0,0,.45)}.answer-hover-card{width:100%;box-sizing:border-box;margin:.65rem 0 0;padding:1.15rem 1.35rem;border-radius:16px;background:#fffffffa;color:#0d47a1;text-align:center;box-shadow:0 14px 32px #00000047;border:3px solid #e53935;animation:rise .18s ease both;pointer-events:none}.answer-hover-tag{display:inline-block;margin-bottom:.4rem;padding:.15rem .65rem;border-radius:999px;background:#e539351f;color:#c62828;font-size:.85rem;font-weight:800;letter-spacing:.02em}.answer-hover-text{margin:0;font-family:var(--font-body);font-size:clamp(1.15rem,2.8vw,1.4rem);font-weight:800;line-height:1.35;letter-spacing:-.01em;color:#0d47a1}.answer-hover-cta{display:block;margin-top:.45rem;font-size:.9rem;font-weight:700;color:#1565c0}.feedback-dock{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);z-index:6;width:min(520px,calc(100% - 1.5rem));padding:.75rem 1rem;border-radius:14px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px #00000047;animation:rise .25s ease both;pointer-events:none}.feedback-dock strong{display:block;font-family:var(--font-display);font-size:1.05rem;margin-bottom:.2rem}.feedback-dock span{font-size:.88rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-dock.ok{background:#e8f5e9f2;color:#1b5e20}.feedback-dock.bad{background:#ffebeef2;color:#b71c1c}.victory-dock{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);z-index:6;width:min(480px,calc(100% - 1.5rem));padding:1rem 1.15rem 1.15rem;border-radius:18px;text-align:center;background:#081822d1;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px #00000059;animation:rise .35s ease both}.victory-dock .hud-prompt{margin-bottom:.85rem;font-size:.95rem}.victory-dock .result-heading{font-size:1.55rem;margin-bottom:.35rem}.reunion-banner{margin:.5rem auto 0;text-align:center;font-weight:800;font-size:1.05rem;text-shadow:0 3px 14px rgba(0,0,0,.5);animation:rise .3s ease both;pointer-events:none}.reunion-caption{padding:.45rem .75rem;border-radius:999px;background:#fffffff0;color:#c62828;font-family:var(--font-body);font-weight:800;font-size:.95rem;white-space:nowrap;box-shadow:0 8px 22px #00000040}.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-right-cluster{display:flex;align-items:flex-start;gap:.55rem}.sound-btn{width:auto!important;min-width:58px;padding:0 .75rem;border-radius:999px!important;font-size:.78rem!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.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}}