#game-root{--g-ink: #1f3d2b;--g-paper: #faf7ef;--g-accent: #2e7d4f;--g-gold: #d4a017;max-width:600px;margin:0 auto;font-variant-numeric:tabular-nums}.g-start,.g-end{text-align:center;padding:.5rem 0 1rem;position:relative}.g-start-art,.g-end-art{width:100%;border-radius:1rem;margin-bottom:1rem;box-shadow:0 8px 30px #0000001f}.g-title{font-size:1.35rem;font-weight:800;color:var(--g-ink);margin:0 0 .4rem}.g-tagline{color:#4b5f52;margin:.3rem 0 .8rem;line-height:1.45}.g-mic-hint{font-size:.85rem;color:#6b7f72;margin-bottom:1rem}.g-voice-alert{display:flex;gap:.8rem;text-align:left;align-items:flex-start;background:#fdf3e2;border:1.5px solid #eabf77;border-radius:1rem;padding:.9rem 1rem;margin:0 0 1.1rem}.g-voice-alert-icon{font-size:1.5rem;line-height:1.2}.g-voice-alert-title{margin:0;font-weight:800;color:#7a5010}.g-voice-alert-body{margin:.25rem 0 0;font-size:.9rem;line-height:1.45;color:#8a6a33}.g-voice-alert-btn{margin:.7rem 0 0;padding:.6rem 1.2rem;font-size:.95rem}.g-btn{display:inline-block;border:0;border-radius:999px;cursor:pointer;font-weight:700;font-size:1rem;padding:.8rem 1.6rem;margin:.25rem;transition:transform .12s ease,box-shadow .12s ease}.g-btn:active{transform:scale(.97)}.g-btn-primary{background:var(--g-accent);color:#fff;box-shadow:0 6px 18px #2e7d4f59}.g-btn-ghost{background:transparent;color:var(--g-accent);border:2px solid currentColor}.g-scene-wrap{position:relative}.g-hud{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-weight:700;color:var(--g-ink);padding:.15rem .25rem}#g-hearts{color:#d3452e;letter-spacing:.1em}#g-km{font-size:.85rem;flex:1;text-align:center}#g-combo{color:var(--g-gold);min-width:3rem;text-align:right}.g-pause-btn{border:0;background:transparent;cursor:pointer;font-size:1.05rem;color:var(--g-ink);opacity:.7;padding:0 .1rem}.g-pause-btn:hover{opacity:1}.g-pause-overlay{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;background:#faf7efd9;backdrop-filter:blur(4px);border-radius:1rem}.g-progressbar{height:6px;border-radius:3px;background:#1f3d2b1f;overflow:hidden;margin-bottom:.3rem}#g-progress-fill{height:100%;width:0;background:var(--g-accent);transition:width .4s ease}.g-cabin{position:relative;width:100%}.g-cabin-img{position:relative;display:block;width:100%;z-index:3;pointer-events:none}.g-window-canvas{position:absolute;z-index:1}.g-window-card{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4%}.g-plate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;width:90%;min-height:46%;padding:.55rem .9rem;border-radius:.9rem;background:#14281c8c;backdrop-filter:blur(3px)}.g-chip{font-size:.7rem;font-weight:800;letter-spacing:.04em;color:#ffe9a8}.g-chip:empty{display:none}.g-task{font-size:.75rem;font-weight:700;color:#d9e5dc}.g-word{font-size:clamp(1.15rem,6.5vw,1.9rem);font-weight:800;color:#fff;line-height:1.15;margin:.1rem 0;overflow-wrap:anywhere}.g-heard{font-size:.8rem;color:#ffffffd9;min-height:1.1rem}.g-golden .g-plate{box-shadow:0 0 0 2px var(--g-gold),0 0 22px 4px #d4a017a6}.g-flash-ok .g-plate{box-shadow:0 0 0 2px #4caf50,0 0 22px 6px #4caf50b3}.g-flash-bad .g-plate{box-shadow:0 0 0 2px #d3452e,0 0 22px 6px #d3452e99}.g-controls{display:flex;align-items:center;justify-content:space-between;padding:.5rem .25rem;min-height:3rem}.g-status{font-size:.85rem;color:#6b7f72}.g-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.g-tiles:empty{display:none}.g-tile{border:2px solid rgb(46 125 79 / .4);background:var(--g-paper);color:var(--g-ink);border-radius:.8rem;padding:.7rem .5rem;font-size:1rem;font-weight:700;cursor:pointer}.g-tile:active{background:#2e7d4f1f}.g-toast{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:6;background:var(--g-ink);color:#fff;font-weight:800;border-radius:999px;padding:.35rem 1rem;pointer-events:none;animation:g-toast 1.2s ease both}@keyframes g-toast{0%{opacity:0;transform:translate(-50%,8px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.g-kmpop{position:absolute;transform:translate(-50%,-50%);z-index:7;pointer-events:none;white-space:nowrap;font-weight:900;font-size:2.1rem;color:#ffe14d;text-shadow:0 0 12px rgb(255 210 60 / .9),0 3px 7px rgb(0 0 0 / .55),-1.5px -1.5px 0 #1f3d2b,1.5px -1.5px 0 #1f3d2b,-1.5px 1.5px 0 #1f3d2b,1.5px 1.5px 0 #1f3d2b;animation:g-kmpop 1.3s ease-out both}.g-kmpop-gold{color:#fff6c0}@keyframes g-kmpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}24%{transform:translate(-50%,-50%) scale(.8)}36%{transform:translate(-50%,-50%) scale(1.18)}47%{transform:translate(-50%,-50%) scale(.94)}57%{transform:translate(-50%,-50%) scale(1.05)}66%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-74px) scale(.95)}}.g-spark{position:absolute;width:11px;height:11px;border-radius:50%;z-index:7;pointer-events:none;animation:g-spark .95s ease-out both}@keyframes g-spark{0%{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1.2)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--dx, 0px),var(--dy, 0px)) scale(.35)}}#g-km.g-km-bump{animation:g-km-bump .5s ease}@keyframes g-km-bump{0%{transform:scale(1)}30%{transform:scale(1.35);color:var(--g-gold)}to{transform:scale(1)}}.g-stores{margin:.6rem 0}.g-share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.1rem 0 .9rem}.g-share-target{border:1.5px solid rgb(46 125 79 / .35);border-radius:999px;background:var(--g-paper);color:var(--g-accent);font-weight:700;font-size:.85rem;padding:.4rem .9rem;cursor:pointer;text-decoration:none}.g-share-target:hover{background:#2e7d4f14}