*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;overscroll-behavior:contain;background:#0a0a1a;justify-content:center;align-items:center;min-height:100dvh;font-family:Hiragino Sans,Noto Sans JP,sans-serif;display:flex}#app{z-index:1;width:100%;max-width:1080px;height:100dvh;max-height:780px;position:relative;overflow:hidden}body.in-menu{align-items:safe center}body.in-menu #app{height:auto;min-height:100dvh;max-height:none;overflow:visible}@media (height<=600px){body.in-menu .title-screen{padding:16px 20px 12px}body.in-menu .brand-logo,body.in-menu .play-submenu-hero{width:min(180px,50vw)}body.in-menu .menu-header{height:180px}body.in-menu .title-sub{margin-top:0;margin-bottom:12px;font-size:12px}body.in-menu .mode-select{margin-top:8px}body.in-menu .choice-btn{padding:6px 14px;font-size:14px}body.in-menu .mode-links{margin-top:14px}}.title-screen{text-align:center;-webkit-user-select:none;user-select:none;padding:56px 20px 40px}.title-screen.submenu-centered{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding-top:0;padding-bottom:0;display:flex}.title-screen.submenu-centered>*{width:100%;max-width:600px}.title-screen.submenu-centered>.menu-back-btn{width:auto}.menu-header{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:220px;display:flex}.menu-header>.title-logo,.menu-header>.title-sub,.menu-header>.howto-intro{width:100%;margin:0}.menu-header+.mode-select,.menu-header+.tips-list,.menu-header+.com-picker-start{margin-top:32px}.practice-stages-screen .menu-header{height:auto;min-height:220px}.menu-header>.practice-stages-subtitle,.menu-header>.practice-kb{margin:0}.menu-header+.stage-select{margin-top:24px}.com-picker-screen .menu-header>.com-picker-body{margin:0}.brand-logo,.play-submenu-hero{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(220px,55vw);height:auto;margin:0 auto;display:block}.title-logo{color:#c2d0ef;letter-spacing:.05em;text-shadow:0 0 2px #c2d0efb3,0 0 5px #c2d0ef4d;margin-bottom:16px;font-size:37px;font-weight:700}.title-sub{color:#818cf8;letter-spacing:.05em;margin-top:4px;margin-bottom:32px;font-size:15px}.title-prompt{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.title-char{color:#444;font-size:36px;font-weight:700;transition:color .2s}.title-char.done{color:#a78bfa}.title-hint{color:#8a8a90;font-size:14px}.title-name-prompt{color:#d4d4d8;margin-top:24px;margin-bottom:24px;font-size:22px}.title-name-input{min-height:48px;margin-bottom:16px;font-size:32px;font-weight:700}.title-name-text{color:#a78bfa}.title-name-romaji{color:#888;font-family:monospace;font-size:24px}.title-name-cursor{color:#a78bfa;font-size:32px;font-weight:400;animation:2s ease-in-out infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:.4}}.title-mobile-gate-link{color:#b4b4bb;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #a78bfa66;border-radius:999px;margin:36px auto 0;padding:8px 14px;font-size:12px;display:block}.title-mobile-gate-link:active{background:#a78bfa1a}body:has(.mobile-gate){align-items:safe center}body:has(.mobile-gate) #app{height:auto;min-height:100dvh;max-height:none;overflow:visible}.mobile-gate{text-align:center;max-width:520px;margin:0 auto;padding:32px 20px 40px}.mobile-gate .brand-logo{width:min(220px,56vw);margin-bottom:8px}.mobile-gate-tagline{color:#818cf8;letter-spacing:.05em;margin-bottom:24px;font-size:14px}.mobile-gate-lead{color:#d4d4d8;margin-bottom:24px;font-size:17px;line-height:1.5}.mobile-gate-lead strong{color:#fff}.mobile-gate-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin-bottom:16px;padding:14px 8px 12px}.mobile-gate-section-title{color:#b4b4bb;letter-spacing:.04em;margin-bottom:8px;font-size:13px}.mobile-gate-video-section{padding:6px}.mobile-gate-video{aspect-ratio:720/522;background:#000;border-radius:6px;width:100%;height:auto;display:block}.mobile-gate-kbd-scale{justify-content:center;width:100%;display:flex}.mobile-gate-kbd{transform-origin:top;margin-bottom:-67px;transform:scale(.7)}.mobile-gate-kbd .hands-svg{max-width:240px}.mobile-gate-cta{justify-content:center;margin-top:28px;margin-bottom:16px;display:flex}.mobile-gate-start{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border:none;border-radius:999px;justify-content:center;align-items:center;padding:14px 36px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 20px #2563eb80}.mobile-gate-start:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2563eba6}.mobile-gate-start:active{transform:translateY(0)}.mobile-gate-details{text-align:left;border-top:1px solid #ffffff14;margin-top:16px;padding-top:12px}.mobile-gate-details summary{color:#60a5fa;cursor:pointer;padding:8px 0;font-size:16px;font-weight:700}.mobile-gate-details-body{color:#b4b4bb;padding:8px 4px 0;font-size:14px;line-height:1.6}.mobile-gate-kbd-list{flex-direction:column;gap:10px;margin:12px 0 8px;padding:0;list-style:none;display:flex}.mobile-gate-kbd-list li{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:10px 12px}.mobile-gate-kbd-list strong{color:#e4e4e7;margin-bottom:2px;font-size:14px;display:block}.mobile-gate-kbd-list-price{color:#fbbf24;letter-spacing:.02em;margin:2px 0 6px;font-size:15px;font-weight:700}.mobile-gate-kbd-list-note{color:#888;font-size:12px;line-height:1.5;display:block}.mobile-gate-kbd-list-links{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mobile-gate-kbd-link{color:#60a5fa;letter-spacing:.02em;background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:4px;padding:5px 12px;font-size:12px;text-decoration:none}.mobile-gate-kbd-link:hover{background:#60a5fa2e}.mobile-gate-kbd-link:active{background:#60a5fa47}.mobile-gate-details-body em{color:#888;font-size:12px;font-style:normal}.mobile-gate-access-method{text-align:center;margin:14px 0 4px}.mobile-gate-access-keyword{color:#fff;letter-spacing:.03em;justify-content:center;align-items:center;gap:8px;font-size:22px;font-weight:700;display:inline-flex}.mobile-gate-access-url{color:#93c5fd;-webkit-user-select:all;user-select:all;font-family:Menlo,Consolas,monospace}.mobile-gate-access-label{color:#888;margin-top:4px;font-size:12px}.mobile-gate-access-or{text-align:center;color:#666;letter-spacing:.08em;margin:10px 0 4px;font-size:11px}.mobile-gate-copy-btn{color:#60a5fa;cursor:pointer;background:#60a5fa1f;border:1px solid #60a5fa59;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;line-height:1;display:inline-flex}.mobile-gate-copy-btn:active{background:#60a5fa47}.match-screen{text-align:center;flex-direction:column;justify-content:center;min-height:100%;padding:40px 20px;display:flex;position:relative}.match-theme{color:#aaa;font-size:20px}.match-countdown-overlay{pointer-events:none;background:#08061852;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown{color:#a78bfa;text-shadow:0 0 18px #a78bfa99,0 2px 6px #0009;justify-content:center;align-items:center;height:100%;font-size:96px;font-weight:700;animation:.5s ease-out countPulse;display:flex}.countdown.go{color:#4ade80;text-shadow:0 0 18px #4ade8099,0 2px 6px #0009}@keyframes countPulse{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.game-screen{flex-direction:column;width:100%;height:100%;padding-top:24px;transition:background 1s;display:flex;position:relative}.game-header{color:#aaa;border-bottom:1px solid #222;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding:2px 12px;font-size:14px;display:grid}.game-lives{color:#facc15;text-align:left;font-size:18px}.game-theme{text-align:center;color:#fff;text-shadow:0 1px 3px #000000b3;font-weight:700}.game-theme-stage{color:#ddd;font-variant-numeric:tabular-nums;margin-right:2px;font-size:12px;font-weight:400}.game-score{color:#fff;text-align:right;font-variant-numeric:tabular-nums;min-width:80px;font-weight:700}.game-stats{justify-content:flex-end;align-items:center;gap:12px;display:flex}.game-kpm{font-variant-numeric:tabular-nums;color:#fbbf24;align-items:baseline;gap:3px;font-weight:700;display:inline-flex}.game-kpm-icon{font-size:13px}.game-kpm-value{font-size:15px}.game-kpm-unit{color:#9ca3af;letter-spacing:.04em;font-size:10px;font-weight:400}.game-field{z-index:1;flex:1;min-height:200px;margin-left:140px;position:relative;overflow:visible}.field-word{z-index:2;white-space:nowrap;background:#0a0a1acc;border:2px solid #fff;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;transition:border-color .2s;display:flex;position:absolute}.word-body{flex-direction:column;display:flex}.border-line{z-index:1;background:#ffdcdcf2;border-radius:2px;width:3px;animation:2.4s ease-in-out infinite neonBorderPulse;position:absolute;top:0;bottom:2%;box-shadow:0 0 4px #ff506e,0 0 10px #ff1e46f2,0 0 22px #ff003cb3,0 0 40px #ff003266}@keyframes neonBorderPulse{0%,to{filter:brightness();box-shadow:0 0 4px #ff506e,0 0 10px #ff1e46f2,0 0 22px #ff003cb3,0 0 40px #ff003266}50%{filter:brightness(1.15);box-shadow:0 0 6px #ff6e8c,0 0 16px #ff325a,0 0 32px #ff1446cc,0 0 56px #ff003c80}}.field-word.word-glow{z-index:3;box-shadow:0 0 12px}.field-word[data-locked-by=opponent]:before{content:"";border-radius:inherit;z-index:1;pointer-events:none;background:#080b1e8c;position:absolute;inset:0}.field-word .lock-overlay{pointer-events:none;z-index:5;align-items:center;gap:4px;font-family:-apple-system,Hiragino Sans,Meiryo,sans-serif;display:flex;position:absolute;top:-8px;left:-10px}.field-word .lock-tag{background:var(--opp-color);color:#0a0e38;letter-spacing:.04em;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2}.field-word .lock-icon{filter:drop-shadow(0 0 3px #fda4af80);font-size:14px;line-height:1}.field-word .self-tag{background:var(--self-color);color:#0a0e38;pointer-events:none;z-index:5;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:-10px}.field-word .word-misgrab-ring{pointer-events:none;z-index:6;transform-origin:50%;mix-blend-mode:screen;border-style:solid;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%}.field-word.word-collision-flash{animation:.35s ease-out wordCollisionFlash}@keyframes wordCollisionFlash{0%{box-shadow:0 0 #78dcffb3}30%{box-shadow:0 0 12px 2px #78dcff73}to{box-shadow:0 0 20px #78dcff00}}#hit-flash{pointer-events:none;z-index:50;opacity:0;background:radial-gradient(#00000080 0%,#780a0abf 100%);position:absolute;inset:0}#hit-flash.active.soft{animation:.18s ease-out hitFlashSoft}#hit-flash.active.strong{animation:.4s ease-out hitFlashStrong}#hit-flash.active.collision{background:radial-gradient(#0000 68%,#78dcff4d 100%);animation:.35s ease-out hitFlashCollision}@keyframes hitFlashSoft{0%{opacity:0}30%{opacity:.5}to{opacity:0}}@keyframes hitFlashStrong{0%{opacity:0}15%{opacity:.9}to{opacity:0}}@keyframes hitFlashCollision{0%{opacity:0}25%{opacity:1}to{opacity:0}}.word-display{font-size:18px;font-weight:700}.word-display ruby rt{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:400;line-height:1.2}.word-romaji{color:#888;font-family:monospace;font-size:15px;line-height:1.2}.word-initial{-webkit-user-select:none;user-select:none;white-space:nowrap;background:linear-gradient(#1f2937 0%,#0f172a 100%);border:1px solid #ffffff2e;border-radius:6px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px #0006}.game-digest{flex:0 0 43px;align-items:center;gap:8px;height:43px;padding:8px 16px;display:flex;overflow-x:auto}.digest-word{white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:13px;display:inline-flex}.digest-word.cheer-stage-1{box-shadow:0 0 6px #fbbf2480;border-color:#fbbf24!important}.digest-word.cheer-stage-2{animation:1.2s ease-in-out infinite digestRainbowPulse;border-color:#f9a8d4!important}.digest-word.cheer-stage-3{animation:1s ease-in-out infinite digestCheerFinal;border-color:#fbbf24!important}@keyframes digestRainbowPulse{0%,to{box-shadow:0 0 8px #fbbf2499}50%{box-shadow:0 0 14px #f9a8d4cc}}@keyframes digestCheerFinal{0%,to{transform:rotate(0)scale(1);box-shadow:0 0 10px #fbbf24b3}25%{transform:rotate(-3deg)scale(1.06);box-shadow:0 0 16px #f9a8d4e6}75%{transform:rotate(3deg)scale(1.06);box-shadow:0 0 16px #7dd3fce6}}.cheer-dots{gap:2px;margin-left:4px;display:inline-flex}.cheer-dot{background:#ffffff26;border-radius:50%;width:6px;height:6px;display:inline-block}.cheer-dot.on{background:#fbbf24;box-shadow:0 0 4px #fbbf24e6}.cheer-dot.on.single{background:#fbbf24}@keyframes digestIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.game-candidates{flex:0 0 68px;align-items:center;gap:8px;height:68px;min-height:68px;max-height:68px;padding:4px 16px;display:flex;overflow:hidden}.candidate{opacity:.6;z-index:10;background:#0a0a1ad9;border:2px solid;border-radius:6px;padding:4px 12px;position:relative}.candidate.confirmed{opacity:1;box-shadow:0 0 8px}.candidate-hiragana{font-size:14px}.candidate-romaji{font-family:monospace;font-size:15px}.romaji-done{color:#4ade80;font-weight:700}.romaji-remain{color:#666}.game-status{flex-shrink:0;align-items:flex-end;gap:12px;min-height:90px;padding:6px 12px;display:flex}.player-status{z-index:1;flex:none;min-width:110px;max-width:180px;font-size:13px;position:relative}.player-status.right{text-align:right}.char-slot{pointer-events:none;z-index:5;width:110px;height:110px;animation:3s ease-in-out infinite charBob;position:absolute;bottom:6px}.char-slot.left{left:200px}.char-slot.right{right:200px}.char-slot img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 6px #0000008c);width:100%;height:100%}@keyframes charBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.char-slot.char-wiggle{animation:.4s ease-in-out charWiggle}@keyframes charWiggle{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-4px,-5px)rotate(-4deg)}66%{transform:translate(4px,-2px)rotate(4deg)}}.chat-history{flex-direction:column;flex:1;justify-content:flex-end;gap:2px;max-height:80px;padding:0 8px;display:flex;overflow:hidden}.chat-msg{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.status-name{margin-bottom:2px;font-size:14px;font-weight:700}.status-name.lv-pulse{animation:1.5s ease-in-out infinite lvPulse}@keyframes lvPulse{0%,to{opacity:1}50%{opacity:.5;text-shadow:0 0 8px}}.status-combo{color:#facc15;height:16px;font-size:12px;line-height:16px}.status-score{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.status-input{margin-top:4px;font-size:13px}.input-buffer{color:#667eea;font-family:monospace;font-size:16px}.input-cursor{animation:.5s infinite blink}.input-hint{color:#555;font-size:11px}.msg-label{color:#4ade80}.msg-buffer{color:#4ade80;font-size:16px}.msg-romaji{color:#86efac;opacity:.7;font-family:monospace;font-size:14px}.msg-cursor{color:#4ade80;animation:.5s infinite blink}.msg-hint{color:#555;font-size:11px}.frozen-label{color:#f87171;font-weight:700}.freeze-bar{background:#222;border-radius:3px;width:100%;height:6px;margin-top:4px;overflow:hidden}.freeze-bar-fill{background:linear-gradient(90deg,#f87171,#fb923c);border-radius:3px;height:100%;transition:width .1s linear}.freeze-hint{color:#fb923c;margin-top:2px;font-size:11px}.health{align-items:center;gap:1px;font-size:14px;line-height:1;display:inline-flex}.health .heart{text-align:center;vertical-align:middle;width:14px;height:14px;font-size:14px;line-height:14px;display:inline-block;overflow:hidden}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.floating-message{color:#4ade80;white-space:nowrap;pointer-events:none;z-index:10;background:#4ade8026;border:1px solid #4ade80;border-radius:16px;padding:6px 14px;font-size:15px;font-weight:700;transition:none;position:absolute}.floating-message.arrived{background:#4ade8040;box-shadow:0 0 12px #4ade8066}.floating-cheer{text-align:center;white-space:nowrap;pointer-events:none;z-index:10;text-shadow:0 2px 6px #0009,0 0 10px #fbbf2480;transform-origin:bottom;font-size:28px;line-height:1;position:absolute;left:50%}.floating-cheer.lv-2{text-shadow:0 2px 6px #0009,0 0 12px #f9a8d4b3}.floating-cheer.lv-3{text-shadow:0 2px 8px #000000b3,0 0 18px #fbbf24e6,0 0 28px #f9a8d499}.floating-score{pointer-events:none;z-index:10;text-shadow:0 0 6px;font-family:monospace;font-size:18px;font-weight:700;position:absolute}.notif-banner{background:0 0;border-bottom:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:28px;font-size:14px;font-weight:700;transition:none;display:flex}.notif-banner:has(.notif-icon){background:#0006;border-bottom-color:currentColor;box-shadow:0 2px 8px #0000004d}.notif-icon{font-size:16px}.notif-text{color:inherit}.gameover-screen{--gameover-bottom-bar-h:96px;text-align:center;padding:12px 20px;padding-bottom:var(--gameover-bottom-bar-h)}.gameover-bottom-bar{min-height:var(--gameover-bottom-bar-h,96px);padding:24px 16px env(safe-area-inset-bottom,16px);pointer-events:none;z-index:5;background:linear-gradient(#07081600 0%,#070816d9 30%,#050611f5 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.gameover-bottom-bar>*{pointer-events:auto}.gameover-aux-actions{flex-wrap:wrap;justify-content:center;gap:16px;max-width:1200px;margin:16px auto 0;padding:0 16px;display:flex}.gameover-aux-block{background:#0003;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;flex:320px;align-items:center;max-width:480px;padding:12px 16px;display:flex}@media (width<=720px){.gameover-aux-actions{flex-direction:column;align-items:stretch}.gameover-aux-block{max-width:none}}body:has(.gameover-screen) .menu-backdrop .floating-key{display:none}.gameover-title{color:#a78bfa;margin-bottom:8px;font-size:28px;font-weight:700}.gameover-header{justify-content:center;align-items:center;gap:18px;max-width:1200px;margin:2px auto 8px;padding:0 16px;display:flex}.gameover-wordmark-link{border-radius:6px;flex-shrink:0;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.gameover-wordmark-link:hover{filter:brightness(1.1);transform:translateY(-1px)}.gameover-wordmark-link:focus-visible{outline-offset:4px;outline:2px solid #60a5fa}.gameover-wordmark{filter:drop-shadow(0 1px 6px #60a5fa59);flex-shrink:0;width:140px;height:auto}.gameover-title{color:#fff;letter-spacing:.03em;text-shadow:0 1px 4px #000000b3;text-align:left;flex:auto;font-size:22px;font-weight:700;line-height:1.3}.gameover-best-badge{color:#1a1a3a;letter-spacing:.05em;background:linear-gradient(#fbbf24,#d97706);border-radius:999px;flex:none;padding:6px 14px;font-size:13px;font-weight:700;animation:.6s ease-out best-badge-pop;box-shadow:0 0 12px #fbbf2480}@keyframes best-badge-pop{0%{opacity:0;transform:scale(.5)rotate(-8deg)}60%{opacity:1;transform:scale(1.15)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.gameover-layout{justify-content:center;align-items:flex-start;gap:24px;max-width:1200px;margin:4px auto;display:flex}.gameover-replay-column{flex:1 1 calc(720px * var(--replay-scale,.78));min-width:0;max-width:calc(820px * var(--replay-scale,.78));flex-direction:column;gap:14px;display:flex}.gameover-replay-area{aspect-ratio:16/10;background:linear-gradient(#0d1024 0%,#050614 100%);border:1px solid #2a2e55;border-radius:12px;width:100%;position:relative;overflow:hidden}.gameover-replay-stage{position:absolute;inset:0}.gameover-replay-empty{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.gameover-replay-empty-icon{opacity:.4;font-size:42px}.gameover-replay-empty-text{letter-spacing:.05em;font-size:13px}.gameover-side{flex-direction:column;flex:320px;gap:10px;min-width:320px;max-width:480px;display:flex}.ad-slot{color:#888;text-align:center;background:#ffffff08;border:1px dashed #555;border-radius:8px;justify-content:center;align-items:center;font-size:12px;line-height:1.6;display:flex}.ad-slot-label{letter-spacing:.08em}.gameover-ad-slot{align-self:center;width:300px;height:250px;margin-top:4px}.gameover-score-title{color:#fff;letter-spacing:.05em;text-align:center;margin:0 0 1px;font-size:14px;font-weight:700}.bonus-breakdown{background:#0000004d;border-radius:10px;grid-template-columns:auto auto 1fr auto;gap:8px 10px;min-height:180px;margin-bottom:4px;padding:10px 14px;display:grid}.bonus-row{grid-template-columns:subgrid;opacity:0;grid-column:1/-1;align-items:baseline;transition:opacity .22s ease-out,transform .22s ease-out;display:grid;transform:translateY(6px)}.bonus-row-visible{opacity:1;transform:translateY(0)}.bonus-row-label{color:#c4c8db;font-weight:700;font-size:calc(13px * var(--bonus-label-scale,1.1));letter-spacing:.02em}.bonus-row-digit{color:#fff;font-weight:700;font-size:calc(13px * var(--bonus-label-scale,1.1));font-variant-numeric:tabular-nums;text-align:right}.bonus-row-extra{text-align:left;font-size:calc(11px * var(--bonus-label-scale,1.1));color:#9ca3af;font-weight:400}.bonus-row-value{font-variant-numeric:tabular-nums;color:#fbbf24;font-weight:800;font-size:calc(14px * var(--bonus-value-scale,1.26));text-align:right;letter-spacing:.01em}.gameover-score-total{justify-content:space-between;align-items:baseline;margin-top:0;margin-bottom:4px;padding:0 14px 6px;display:flex}.gameover-score-total-label{color:#fff;letter-spacing:.04em;font-size:18px;font-weight:700}.gameover-score-total-num{color:#fbbf24;font-variant-numeric:tabular-nums;letter-spacing:.01em;text-shadow:0 1px 8px #fbbf244d;font-size:36px;font-weight:900}.gameover-score-total-num.grade-pop{animation:.48s cubic-bezier(.34,1.56,.64,1) grade-pop-anim}@keyframes grade-pop-anim{0%{transform:scale(.85)}60%{transform:scale(1.12)}to{transform:scale(1)}}.gameover-rank-peek{background:#60a5fa14;border:1px solid #4a5b8a;border-radius:8px;margin:8px 14px 4px;padding:10px 12px;animation:.4s ease-out rank-peek-fade-in}@keyframes rank-peek-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.gameover-rank-peek-title{color:#9ca3af;letter-spacing:.05em;margin-bottom:4px;font-size:11px}.gameover-rank-peek-row{color:#c4b5fd;justify-content:space-between;align-items:baseline;padding:2px 0;font-size:13px;display:flex}.gameover-rank-peek-cat{color:#9ca3af;font-size:12px}.gameover-rank-peek-num{color:#c4b5fd;font-variant-numeric:tabular-nums;margin-left:auto;margin-right:4px;font-size:18px;font-weight:700}.gameover-rank-peek-suffix{color:#9ca3af;font-size:11px}.gameover-rank-peek-row.is-top{color:#fbbf24}.gameover-rank-peek-row.is-top .gameover-rank-peek-num{color:#fbbf24;text-shadow:0 0 8px #fbbf2480}.gameover-rank-peek-hint{color:#6b7280;text-align:right;margin-top:6px;font-size:10px}.ppt-wrap{padding:4px 18px 8px}.ppt{border-collapse:collapse;color:#e5e7eb;width:100%;font-size:13px}.ppt thead th{text-align:center;letter-spacing:.04em;text-shadow:0 1px 3px #0009;padding:4px 8px 8px;font-size:14px;font-weight:700}.ppt tbody td{font-variant-numeric:tabular-nums;padding:5px 8px}.ppt-label{color:#9ca3af;letter-spacing:.03em;text-align:right;white-space:nowrap;width:22%;font-size:12px}.ppt-val{color:#fff;text-align:center;width:39%;font-size:14px;font-weight:600}.ppt-val-player{position:relative}.ppt-val-player .ppt-val-text{display:inline-block}.ppt-val-player .ppt-best{vertical-align:middle;margin-left:8px}.ppt-best{color:#fbbf24;letter-spacing:.05em;white-space:nowrap;background:#fbbf2414;border:1px solid #fbbf2466;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;animation:1.6s ease-in-out infinite ppt-best-pulse;display:inline-block}@keyframes ppt-best-pulse{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 8px #fbbf2480}}.ppt-unit{color:#9ca3af;margin-left:2px;font-size:11px;font-weight:400}.longest-highlight{text-align:left;background:#c084fc0f;border-left:3px solid #c084fc;border-radius:0 8px 8px 0;margin-top:2px;margin-bottom:4px;padding:8px 10px 10px}.longest-highlight-title{color:#c084fc;letter-spacing:.04em;margin-bottom:6px;font-size:14px;font-weight:700}.longest-entry{margin-top:4px}.longest-entry:first-of-type{margin-top:0}.longest-entry-name{letter-spacing:.03em;margin-bottom:1px;font-size:12px;font-weight:700}.longest-entry-text{color:#e9d5ff;letter-spacing:.02em;word-break:break-word;overflow-wrap:anywhere;font-size:13px;font-style:italic;line-height:1.4}.longest-entry-chars{color:#9ca3af;margin-left:4px;font-size:11px;font-style:normal}.gameover-transition{z-index:1500;opacity:0;pointer-events:none;background:#000;justify-content:center;align-items:center;animation:.5s ease-out forwards gameover-transition-fade-in;display:flex;position:fixed;inset:0}.gameover-transition.fading-out{animation:.35s ease-in forwards gameover-transition-fade-out}.gameover-finish-text{color:#a78bfa;letter-spacing:.05em;opacity:0;font-size:96px;font-weight:700;animation:.5s ease-out forwards gameover-finish-pop;transform:scale(1.5)}@keyframes gameover-transition-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gameover-transition-fade-out{0%{opacity:1}to{opacity:0}}@keyframes gameover-finish-pop{to{opacity:1;transform:scale(1)}}.gameover-ok-btn{z-index:2;color:#c4b5fd;letter-spacing:.08em;cursor:pointer;opacity:0;background:#a78bfa26;border:1px solid #a78bfa;border-radius:999px;width:max-content;margin:0 auto;padding:10px 36px;font-size:14px;font-weight:700;transition:opacity .5s ease-out,background .2s,color .2s,transform .15s;display:block;position:relative}.gameover-ok-btn.visible{opacity:1;animation:1.6s ease-in-out infinite gameover-ok-pulse}.gameover-ok-btn:hover{color:#fff;background:#a78bfa4d;transform:translateY(-1px)}@keyframes gameover-ok-pulse{0%,to{box-shadow:0 0 #a78bfa66}50%{box-shadow:0 0 0 6px #a78bfa00}}.gameover-actions-modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;animation:.18s ease-out com-unlock-fade-in;display:flex;position:fixed;inset:0}.gameover-actions-modal{text-align:center;background:#1f1f2e;border:2px solid #a78bfa;border-radius:16px;min-width:320px;padding:28px 36px;animation:.28s cubic-bezier(.34,1.56,.64,1) com-unlock-pop-in;box-shadow:0 20px 60px #a78bfa40}.gameover-actions-modal-title{color:#e8e8e8;letter-spacing:.05em;margin-bottom:16px;font-size:18px;font-weight:700}.gameover-actions-modal-list{flex-direction:column;align-items:stretch;gap:8px;display:flex}.gameover-share-btn{color:#c4b5fd;cursor:pointer;background:#a78bfa1f;border:1px solid #a78bfa;border-radius:999px;margin-top:16px;padding:8px 18px;font-size:13px;transition:background .2s,color .2s}.gameover-share-btn:hover{color:#fff;background:#a78bfa40}.gameover-share-ttl-hint{color:#6b7280;letter-spacing:.02em;-webkit-user-select:none;user-select:none;margin-top:6px;font-size:10px}.gameover-rank-btn{color:#fcd34d;cursor:pointer;background:#fbbf241f;border:1px solid #fbbf24;border-radius:999px;margin-top:16px;padding:8px 18px;font-size:13px;transition:background .2s,color .2s}.gameover-rank-btn:hover:not(:disabled){color:#fff;background:#fbbf2440}.gameover-rank-btn:disabled{opacity:.6;cursor:default}.gameover-rank-hint{color:#6b7280;letter-spacing:.02em;-webkit-user-select:none;user-select:none;margin-top:6px;font-size:10px}.gameover-rank-result{color:#fcd34d;text-align:center;min-height:1em;margin-top:8px;font-size:13px}.gameover-rank-result.is-best{color:#fbbf24;font-weight:700}.gameover-rank-result.is-no-update{color:#9ca3af}.gameover-rank-result.is-error{color:#f87171;font-size:12px}.gameover-rank-result-flash{font-size:16px;animation:.6s ease-out rankin-flash;display:inline-block}.gameover-rank-result-num{text-shadow:0 0 10px #fbbf24b3;margin:0 4px;font-size:28px;animation:.5s ease-out .1s both rankin-num-pop;display:inline-block}@keyframes rankin-flash{0%{opacity:0;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes rankin-num-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.gameover-rank-open{color:#93c5fd;cursor:pointer;text-align:center;background:#60a5fa26;border:1px solid #60a5fa;border-radius:999px;margin-top:10px;padding:6px 14px;font-size:12px;text-decoration:none;transition:background .2s,color .2s;display:block}.gameover-rank-open:hover{color:#fff;background:#60a5fa4d}.replay-stage{flex-direction:column;transition:opacity .2s;display:flex;position:absolute;inset:0}.replay-stage-loop-pause{opacity:.5}.replay-bg{opacity:.3;pointer-events:none;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.replay-overlay{pointer-events:none;z-index:4;justify-content:space-between;align-items:flex-start;padding:8px 12px;display:flex;position:absolute;top:0;left:0;right:0}.replay-caption{color:#fbbf24;letter-spacing:.04em;text-shadow:0 1px 4px #000000d9;font-size:12px;font-weight:700}.replay-keystroke-count{font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #000000d9;gap:4px;font-size:14px;font-weight:700;display:flex}.replay-keystroke-sep,.replay-keystroke-colon{color:#888;font-weight:400}.replay-keystroke-colon{margin:0 4px}.replay-keystroke-kpm{color:#fbbf24;font-variant-numeric:tabular-nums;font-weight:700}.replay-progress{z-index:5;background:#ffffff14;height:2px;position:absolute;bottom:28%;left:0;right:0}.replay-progress-fill{background:linear-gradient(90deg,#60a5fa,#fbbf24);width:0%;height:100%}.replay-field{z-index:1;border-bottom:1px solid #2a2e55;flex:72%;position:relative;overflow:hidden}.replay-border-line{z-index:1;background:#ff506e99;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ff1e4680}.replay-field-word{transition:none;display:block}.replay-field-word.word-glow{z-index:3}.replay-field-word .word-display{font-size:calc(18px * var(--replay-word-scale,.86))}.replay-field-word .word-romaji{font-size:calc(15px * var(--replay-word-scale,.86))}.replay-clear-pop{text-align:center;pointer-events:none;text-shadow:0 0 8px;z-index:3;font-weight:700;position:absolute;top:65%}.replay-clear-pop.is-p1{left:25%}.replay-clear-pop.is-p2{left:75%}.replay-clear-pop-display{font-size:18px}.replay-clear-pop-score{font-size:14px}.replay-player-states{background:#0006;flex:0 0 28%;display:flex}.replay-col{text-align:center;flex-direction:column;flex:1;gap:4px;padding:8px 12px;display:flex}.replay-col-left{border-right:1px solid #2a2e55}.replay-col-name{letter-spacing:.02em;font-size:13px;font-weight:700}.replay-col-target{color:#fff;min-height:22px;font-size:16px}.replay-col-input{letter-spacing:.05em;min-height:18px;font-family:Courier New,monospace;font-size:14px}.replay-col-input-typed{font-weight:700}.replay-col-cursor{color:#888;animation:1s infinite replay-cursor-blink;display:inline-block}@keyframes replay-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.replay-col-stats{color:#c4c8db;justify-content:space-around;font-size:11px;display:flex}.replay-col-score{font-variant-numeric:tabular-nums;color:#fff;font-weight:700}.share-modal-overlay{z-index:1100;background:#000000a6;justify-content:center;align-items:center;animation:.18s ease-out com-unlock-fade-in;display:flex;position:fixed;inset:0}.share-modal{text-align:center;background:#1f1f2e;border:2px solid #a78bfa;border-radius:16px;min-width:360px;max-width:480px;padding:28px 32px 24px;animation:.28s cubic-bezier(.34,1.56,.64,1) com-unlock-pop-in;position:relative;box-shadow:0 20px 60px #a78bfa40}.share-modal-title{color:#e8e8e8;letter-spacing:.05em;margin-bottom:16px;font-size:18px;font-weight:700}.share-modal-url{color:#c4b5fd;box-sizing:border-box;background:#0f1030;border:1px solid #444;border-radius:6px;width:100%;margin-bottom:16px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.share-modal-url:focus{border-color:#a78bfa;outline:1px solid #a78bfa}.share-modal-actions{flex-direction:column;gap:8px;display:flex}.share-modal-btn{color:#e8e8e8;cursor:pointer;background:#a78bfa1a;border:1px solid #a78bfa;border-radius:8px;padding:10px 16px;font-size:14px;transition:background .2s,color .2s}.share-modal-btn:hover{background:#a78bfa40}.share-modal-twitter{background:#000;border-color:#000}.share-modal-twitter:hover{background:#1a1a1a}.share-modal-ttl-hint{color:#6b7280;letter-spacing:.02em;text-align:center;-webkit-user-select:none;user-select:none;margin-top:10px;font-size:10px}.share-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;width:28px;height:28px;padding:0;font-size:22px;line-height:1;position:absolute;top:8px;right:12px}.share-modal-close:hover{color:#fff;background:#ffffff14}.gameover-longest-caption{color:#9ca3af;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-style:normal;display:inline-block}.gameover-shared-cta{z-index:2;flex-direction:column;align-items:center;gap:6px;margin-top:0;display:flex;position:relative}.shared-cta-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:14px 36px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 20px #2563eb80}.shared-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2563eba6}.shared-cta-btn:active{transform:translateY(0)}.gameover-shared-hint{color:#9ca3af;letter-spacing:.04em;font-size:11px}.share-error-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.share-error-modal{flex-direction:column;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:60px 24px 22dvh;display:flex}.share-error-empty{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;padding:8px 4px 20px;display:flex}.share-error-icon{filter:drop-shadow(0 2px 8px #60a5fa59);font-size:48px;line-height:1;animation:3.6s ease-in-out infinite shareErrorIconBob}.share-error-cta-logo{filter:drop-shadow(0 1px 6px #60a5fa59);width:140px;height:auto;margin-bottom:4px}@keyframes shareErrorIconBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.share-error-title{color:#fff;letter-spacing:.03em;font-size:20px;font-weight:700}.share-error-body{color:#cbd5e1;font-size:14px;line-height:1.7}.share-error-body .share-error-sub{color:#9ca3af;margin-top:4px;font-size:12px;display:block}.share-error-cta{margin-top:18px}.share-error-cta-lead{color:#cbd5e1;text-align:center;letter-spacing:.02em;margin-bottom:2px;font-size:13px;line-height:1.6}@media (width<=720px){.gameover-screen{padding:8px 0 16px}.gameover-header{flex-wrap:wrap;gap:10px;margin:2px auto 6px;padding:0 12px}.gameover-wordmark{width:110px}.gameover-title{text-align:center;flex-basis:100%;font-size:14px;line-height:1.4}.gameover-layout{flex-direction:column;gap:14px;max-width:100%;padding:0 12px}.gameover-replay-column,.gameover-side{flex:auto;width:100%;min-width:0;max-width:100%}.ppt-wrap{padding:4px 4px 8px}.ppt thead th{padding:4px 4px 6px;font-size:12px}.ppt tbody td{padding:4px;font-size:12px}.ppt-label{font-size:11px}.ppt-val{font-size:12px}.bonus-breakdown{column-gap:8px;min-height:0;padding:10px}.gameover-score-total{padding:0 8px 6px}.gameover-score-total-num{font-size:30px}.gameover-shared-cta{margin-top:14px}.gameover-ok-btn{margin:14px auto 0}.gameover-ad-slot{align-self:center}.replay-field-word{--replay-word-scale:.69;padding:4px 9px}.replay-clear-pop-display{font-size:14px}.replay-clear-pop-score{font-size:11px}}.com-unlock-modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;animation:.18s ease-out com-unlock-fade-in;display:flex;position:fixed;inset:0}.com-unlock-modal{text-align:center;background:#1f1f2e;border:2px solid #c084fc;border-radius:16px;max-width:420px;padding:32px 40px;animation:.28s cubic-bezier(.34,1.56,.64,1) com-unlock-pop-in;box-shadow:0 20px 60px #c084fc4d}.com-unlock-eyebrow{color:#c084fc;letter-spacing:.05em;margin-bottom:8px;font-size:14px;font-weight:700}.com-unlock-emoji{margin:12px 0;font-size:64px;line-height:1}.com-unlock-name{margin-bottom:8px;font-size:24px;font-weight:700}.com-unlock-greeting{color:#d1d5db;margin-bottom:16px;font-size:16px;font-style:italic}.com-unlock-stats{max-width:280px;margin:0 auto 20px}.com-unlock-ok{justify-content:center;min-width:120px;margin:0 auto;display:inline-flex}@keyframes com-unlock-fade-in{0%{opacity:0}to{opacity:1}}@keyframes com-unlock-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.unlock-confetti-layer{pointer-events:none;z-index:1001;position:fixed;inset:0;overflow:hidden}.unlock-confetti-particle{will-change:transform, opacity;animation-name:unlock-confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes unlock-confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--dx,0px), var(--fall-dist,100vh)) rotate(var(--rot-end,720deg));opacity:0}}.match-cards{justify-content:center;align-items:stretch;gap:20px;margin-bottom:20px;display:flex}@media (width<=480px){.match-cards{flex-direction:column;align-items:center;gap:12px}.match-ampersand{font-size:24px}.stat-card{width:100%;max-width:340px}}.stat-card{border:2px solid var(--player-color,#332f5c);text-align:center;max-width:250px;box-shadow:0 0 0 1px #ffffff08, 0 0 12px var(--player-glow,transparent);background:linear-gradient(#222850,#0f1030);border-radius:12px;flex:1;padding:16px 14px 18px}.stat-card-role{letter-spacing:.08em;color:var(--player-color,#94a3b8);margin-bottom:6px;font-size:18px;font-weight:700}.stat-card-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 6px;font-size:26px;display:flex;overflow:hidden}.stat-card-avatar-img{width:100%;height:100%;display:block}.stat-card-avatar-img--panda{object-fit:cover;object-position:50% 0%;transform-origin:50% 112%;transform:scale(.8)}.stat-card-avatar-img--koala{object-fit:cover;object-position:50% -200%;transform-origin:50% 179%;transform:scale(.95)}.stat-card-avatar-img--usagi{object-fit:contain;object-position:50% 19%;transform-origin:50% -40%;transform:scale(1.3)}.stat-card-avatar-img--bear{object-fit:cover;object-position:50% 0%;transform-origin:50% 100%;transform:scale(.8)}.stat-card-avatar-img--lion{object-fit:contain;object-position:50% 7%;transform-origin:50% -300%;transform:scale(1.05)}.stat-card-name{color:#f1f5f9;margin-bottom:12px;font-size:16px;font-weight:700}.stat-card-rows{text-align:left;flex-direction:column;gap:10px;display:flex}.stat-card-empty{color:#666;text-align:center;padding:12px 0;font-size:12px}.stat-row{grid-template-columns:1fr auto 42px;align-items:baseline;gap:6px;padding:4px 2px;display:grid}.stat-label{color:#fff;letter-spacing:.04em;align-self:center;font-size:16px}.stat-value{color:#fff;font-variant-numeric:tabular-nums;text-align:right;font-size:26px;font-weight:700;line-height:1;transition:color .15s,text-shadow .15s}.stat-unit{color:#9ca3af;text-align:left;letter-spacing:.04em;font-size:12px;font-weight:400}.stat-value[data-grade="1"]{color:#9bbcd8}.stat-value[data-grade="2"]{color:#aec8de}.stat-value[data-grade="3"]{color:#c0d3e3}.stat-value[data-grade="4"]{color:#d0d8d2}.stat-value[data-grade="5"]{color:#e2d99c}.stat-value[data-grade="6"]{color:#ecde72;text-shadow:0 0 4px #ecde7233}.stat-value[data-grade="7"]{color:#f4ec9b;text-shadow:0 0 5px #f4ec9b40}.stat-value[data-grade="8"]{color:#fbf3c4;text-shadow:0 0 6px #fbf3c44d}.stat-value[data-grade="9"]{color:#fffbeb;text-shadow:0 0 8px #fffbeb66}.match-ampersand{color:#facc15;align-self:center;font-size:36px;font-weight:700}.choice-btn{cursor:pointer;border:2px solid #333;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;transition:border-color .2s,background .2s;display:flex}.choice-btn:hover,.choice-btn.active{background:#a78bfa1a;border-color:#a78bfa}.choice-btn.disabled:hover,.choice-btn.disabled.active{background:0 0;border-color:#333}.choice-cursor{color:#a78bfa}.coming-soon-badge{color:#aaa;margin-left:8px;font-size:13px;font-weight:400}.com-picker-body{justify-content:center;align-items:center;gap:24px;margin:32px 0 24px;display:flex}.com-picker-arrow{color:#888;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:32px;transition:color .15s}.com-picker-arrow:hover{color:#fff}.com-picker-char{text-align:center;min-width:180px}.com-picker-emoji{font-size:56px;line-height:1}.com-picker-avatar{width:56px;height:56px;margin:0 auto;overflow:hidden}.com-picker-avatar-img{width:100%;height:100%;display:block}.com-picker-avatar--koala{width:80px;height:56px}.com-picker-avatar-img--koala{object-fit:contain;object-position:50% 0%;transform-origin:50% -35%;transform:scale(1.4)}.com-picker-avatar-img--usagi{object-fit:cover;object-position:50% 0%}.com-picker-avatar-img--bear{object-fit:contain;object-position:50% 0%;transform-origin:50% -35%;transform:scale(1.4)}.com-picker-avatar--lion{width:96px;height:56px}.com-picker-avatar-img--lion{object-fit:contain;object-position:50% 0%;transform-origin:50% -47%;transform:scale(1.3)}.com-picker-name{margin-top:10px;font-size:22px;font-weight:700}.com-picker-greeting{color:#999;margin-top:6px;font-size:13px}.com-picker-start{justify-content:center;min-width:220px;margin:0 auto}.theme-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}:root{--meter-bottom:257px;--meter-left:16px}.coop-gauge{bottom:var(--meter-bottom);left:var(--meter-left);z-index:0;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.coop-meter-svg{filter:drop-shadow(0 2px 6px #00000080)}.coop-meter-num{color:#fff;text-shadow:0 1px 2px #000000e6;font-family:monospace;font-size:11px}:root{--chat-col-left:27.5%;--chat-col-right:42.5%;--chat-bottom:111px;--chat-hint-bottom:16px;--modal-bottom:273px;--kbguide-bottom:10px;--kbguide-scale:1;--stamp-display-size:100px;--chat-slide-x:135px;--chat-slide-y:380px;--chat-slide-dur:1.2s;--chat-top:0px;--chat-fade-px:30px;--chat-extend-px:400px;--chat-extend-x-px:150px}.chat-timeline{left:calc(var(--chat-col-left) - var(--chat-extend-x-px,150px));right:calc(var(--chat-col-right) - var(--chat-extend-x-px,150px));top:var(--chat-top,0px);bottom:calc(-1 * var(--chat-extend-px,400px));padding-bottom:calc(var(--chat-bottom) + var(--chat-extend-px,400px));padding-left:var(--chat-extend-x-px,150px);padding-right:var(--chat-extend-x-px,150px);pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom, #0000 0, #000 var(--chat-fade-px,30px), #000 100%);-webkit-mask-image:linear-gradient(to bottom, #0000 0, #000 var(--chat-fade-px,30px), #000 100%);mask-image:linear-gradient(to bottom, #0000 0, #000 var(--chat-fade-px,30px), #000 100%);flex-direction:column;justify-content:flex-end;gap:4px;display:flex;position:absolute;overflow:hidden}.chat-tab-hint{left:0;right:0;bottom:var(--chat-hint-bottom);color:#ccc;pointer-events:none;z-index:0;letter-spacing:.05em;justify-content:center;font-size:12px;display:flex;position:absolute}.chat-tab-hint .hint-pill{-webkit-backdrop-filter:blur(4px);text-shadow:0 1px 2px #000000b3;background:#0a0a1e8c;border:1px solid #ffffff14;border-radius:12px;padding:3px 12px;display:inline-block}.chat-tab-hint.emphasized{color:#fce7f3;font-size:14px;font-weight:700;animation:1.2s ease-in-out infinite tabHintPulse}.chat-tab-hint.emphasized .hint-pill{text-shadow:0 1px 3px #000000f2,0 0 6px #f9a8d480;background:#db27778c;border-color:#f9a8d499}@keyframes tabHintPulse{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.kbd-key{color:inherit;opacity:.85;vertical-align:middle;letter-spacing:0;text-align:center;background:#ffffff0f;border:1px solid;border-bottom-width:1.5px;border-radius:4px;min-width:.9em;margin:0 .2em;padding:.12em .5em;font-family:SF Mono,Menlo,monospace;font-size:.82em;font-weight:700;line-height:1;display:inline-block;position:relative;top:-.05em}.chat-tl-item{text-shadow:0 1px 3px #000c;flex-shrink:0;padding:1px 0;font-size:16px;font-weight:700}.chat-tl-item.chat-left{text-align:left}.chat-tl-item.chat-right{text-align:right}.chat-tl-item{opacity:var(--item-opacity,1)}.chat-tl-item.chat-newest.chat-left{animation:chatSlideInFromLeft var(--chat-slide-dur,1.2s) cubic-bezier(.22, .75, .28, 1) backwards}.chat-tl-item.chat-newest.chat-right{animation:chatSlideInFromRight var(--chat-slide-dur,1.2s) cubic-bezier(.22, .75, .28, 1) backwards}.chat-tl-item.chat-bumped{animation:chatBumpUp var(--chat-slide-dur,1.2s) cubic-bezier(.22, .75, .28, 1) backwards}@keyframes chatSlideInFromLeft{0%{transform:translate(calc(-1 * var(--chat-slide-x,135px)), var(--chat-slide-y,380px));opacity:0}to{opacity:var(--item-opacity,1);transform:translate(0)}}@keyframes chatSlideInFromRight{0%{transform:translate(var(--chat-slide-x,135px), var(--chat-slide-y,380px));opacity:0}to{opacity:var(--item-opacity,1);transform:translate(0)}}@keyframes chatBumpUp{0%{transform:translateY(var(--bump-distance,50px));opacity:var(--item-opacity,1)}to{opacity:var(--item-opacity,1);transform:translateY(0)}}.chat-tl-bubble{word-break:break-all;background:#00000080;border:1px solid;border-radius:14px;max-width:95%;padding:4px 12px;display:inline-block}.chat-left .chat-tl-bubble{border-bottom-left-radius:4px}.chat-right .chat-tl-bubble{border-bottom-right-radius:4px}.chat-stamp-img{width:var(--stamp-display-size);height:var(--stamp-display-size);object-fit:cover;vertical-align:middle;border-radius:12px;box-shadow:0 1px 4px #0006}.stamp-image{image-rendering:auto;object-fit:contain}.chat-history-placeholder{flex:1}.msg-modal-overlay{z-index:20;padding-bottom:var(--modal-bottom);pointer-events:none;background:#0000001f;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.msg-modal-wrap{width:65%;max-width:500px;position:relative}.msg-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0a0a1ee0;border:1px solid #fff3;border-radius:14px;width:100%;padding:10px 20px;box-shadow:0 8px 32px #0009,0 0 60px #667eea26}.msg-modal-content{color:#fff;align-items:center;min-height:30px;font-family:Hiragino Sans,sans-serif;font-size:22px;display:flex}.msg-modal-text{color:#fff}.msg-modal-romaji{color:#667eea;margin-left:2px;font-size:20px}.msg-modal-cursor{color:#667eea;opacity:.8;font-weight:700}.msg-modal-hint{color:#888;text-align:center;margin-top:8px;font-size:12px}.ime-candidates{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#0a0a1eeb;border:1px solid #ffffff2e;border-top:none;border-radius:0 0 14px 14px;flex-direction:row;justify-content:center;gap:6px;margin-top:-1px;padding:8px 10px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #00000080}.ime-candidate{background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:2px;width:56px;padding:3px;transition:background .12s,border-color .12s,transform .12s;display:flex;position:relative}.ime-candidate.selected{background:#667eea47;border-color:#667eeab3;transform:translateY(-1px)scale(1.03);box-shadow:0 0 8px #667eea66}.ime-candidate-num{color:#ccc;z-index:2;background:#3c3c5af2;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-family:monospace;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;left:-4px}.ime-candidate.selected .ime-candidate-num{color:#fff;background:#667eea}.ime-candidate-thumb{object-fit:cover;border-radius:6px;width:46px;height:46px}.ime-candidate-thumb-text{background:#60a5fa2e;border:1px dashed #60a5fa80;justify-content:center;align-items:center;font-size:28px;display:flex}.ime-candidate.ime-candidate-text.selected .ime-candidate-thumb-text{background:#60a5fa59;border-style:solid}.ime-candidate.ime-candidate-text .ime-candidate-name{color:#ccc}.ime-candidate-name{color:#aaa;white-space:nowrap;text-overflow:ellipsis;max-width:54px;height:14px;font-family:Hiragino Sans,sans-serif;font-size:10px;line-height:14px;overflow:hidden}.ime-candidate.selected .ime-candidate-name{color:#fff}.msg-modal.with-candidates{border-bottom:1px solid #ffffff1a;border-radius:14px 14px 0 0}.field-word.word-bonus{background:linear-gradient(135deg,#fbbf2440,#f59e0b26);animation:1.5s ease-in-out infinite bonusGlow;box-shadow:0 0 16px #fbbf24b3,0 0 32px #fbbf2466;border-color:#fbbf24!important}.field-word.word-bonus .word-display{color:#fef3c7;text-shadow:0 0 8px #fbbf24e6}.field-word.word-bonus .word-romaji{color:#fef3c7;text-shadow:0 1px 2px #000000f2,0 0 4px #78350fcc;font-weight:700}.field-word.word-bonus .romaji-done{color:#fef3c7}.field-word.word-bonus .romaji-remain{color:#fef3c799}@keyframes bonusGlow{0%,to{box-shadow:0 0 16px #fbbf24b3,0 0 32px #fbbf2466}50%{box-shadow:0 0 24px #fbbf24,0 0 48px #fbbf2499}}.field-word.field-word-deco,.field-word.field-word-stat,.field-word.field-word-staff,.field-word.field-word-image{pointer-events:none;z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:4px 10px;display:flex}.field-word.field-word-image{padding:0}.field-word.field-word-image .field-word-image-src{filter:drop-shadow(0 4px 10px #0000008c);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:120px;height:auto;display:block}.field-word.field-word-image.image-S .field-word-image-src{width:64px}.field-word.field-word-image.image-L .field-word-image-src{width:200px}.field-word.field-word-stat{border-radius:7px;padding:5px 14px 8px}.field-word.field-word-deco{font-feature-settings:"palt"}.field-word-deco-text{letter-spacing:.1em;color:#fffaf0eb;text-shadow:0 1px 4px #000000b3;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif;font-size:18px;font-weight:300}.field-word.field-word-deco.deco-S .field-word-deco-text{letter-spacing:.18em;color:#fffaf08c;font-size:11px;font-style:normal;font-weight:300}.field-word.field-word-deco.deco-L .field-word-deco-text{letter-spacing:.18em;color:#fffcf5f2;text-shadow:0 3px 8px #000000bf;font-size:44px;font-weight:200}.field-word-stat-label{color:#fbbf24f2;letter-spacing:.12em;text-shadow:0 1px 2px #000000b3;font-size:12px;font-weight:700}.field-word-stat-value{color:#fff;letter-spacing:.01em;text-shadow:0 0 8px #fbbf248c,0 0 18px #fbbf2459,0 2px 4px #000000b3;margin-top:2px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:30px;font-weight:800;line-height:1.05}.field-word.field-word-stat.stat-L{border-radius:8px;padding:6px 16px 10px}.field-word.field-word-stat.stat-L .field-word-stat-label{font-size:14px}.field-word.field-word-stat.stat-L .field-word-stat-value{font-size:40px}.field-word.field-word-stat.stat-S{border-radius:6px;padding:4px 12px 6px}.field-word.field-word-stat.stat-S .field-word-stat-label{letter-spacing:.1em;font-size:11px}.field-word.field-word-stat.stat-S .field-word-stat-value{font-size:22px}.field-word.field-word-staff{font-feature-settings:"palt"}.field-word-staff-role{color:#fffaf08c;letter-spacing:.22em;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif;font-size:11px;font-weight:300}.field-word-staff-name{color:#fffaf0f0;letter-spacing:.1em;text-shadow:0 1px 4px #000000b3;margin-top:3px;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif;font-size:19px;font-weight:300}.cheer-hint{color:#ec4899;text-shadow:0 1px 2px #0009;align-self:center;margin-left:8px;font-size:15px;font-weight:700}.coop-popup{color:#f9a8d4;text-shadow:0 0 6px #000000e6,0 0 12px #f9a8d499;pointer-events:none;font-family:monospace;font-size:18px;font-weight:700;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.bloom-flash{pointer-events:none;z-index:10;mix-blend-mode:screen;background:radial-gradient(circle,#fcd34de6,#ec4899b3 60%,#ec489900 100%);position:absolute;inset:0}.coop-particle-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.coop-particle{border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px}.coop-particle.p-cheer{color:#f9a8d4;background:#f9a8d4}.coop-particle.p-message{color:#fde047;background:#fde047}.coop-particle.p-rescue{color:#fbbf24;background:#fbbf24}.flower-icon{display:inline-block}.mode-select{flex-direction:column;align-items:center;gap:8px;margin-top:32px;display:flex}.mode-notice{color:#a7f3d0;background:#4ade8026;border:1px solid #4ade8080;border-radius:10px;max-width:480px;margin:12px auto 0;padding:8px 16px;font-size:14px;display:inline-block}.mode-submenu-indicator{color:#888;margin-left:4px;font-size:14px}.mode-links{color:#555;justify-content:center;gap:8px;margin-top:48px;font-size:11px;display:flex}.mode-link{color:#8a8a90;cursor:pointer;text-decoration:none}.mode-link:hover{color:#aaa;text-decoration:underline}.mode-link-sep{color:#333}.tutorial-screen{flex-direction:column;height:100%;padding:16px;display:flex}.tutorial-header{text-align:center;margin-bottom:4px}.tutorial-stage{color:#a78bfa;font-size:20px;font-weight:700}.tutorial-desc{color:#aaa;margin-top:4px;font-size:14px}.tutorial-exit{color:#555;margin-top:4px;font-size:12px}.tutorial-progress{color:#ccc;justify-content:center;gap:24px;margin-bottom:4px;font-size:16px;display:flex}.tutorial-time{color:#667eea;font-weight:700}.tutorial-accuracy{color:#4ade80;font-weight:700}.tutorial-target{color:#666;font-size:13px}.tutorial-word-area{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;display:flex}.tutorial-hiragana{color:#fff;font-size:48px;font-weight:700}.tutorial-romaji{font-family:monospace;font-size:32px}.tutorial-typed{color:#667eea}.tutorial-remain{color:#555}.tutorial-praise{opacity:0;font-size:18px;font-weight:700}.tutorial-praise.visible{animation:1s ease-out forwards praiseFloat}.tutorial-praise-floating{z-index:100;pointer-events:none;text-shadow:0 2px 8px #0000008c;position:fixed;top:32%;left:50%;transform:translate(-50%)}.tutorial-praise.praise-good{color:#81c784f2}.tutorial-praise.praise-great{color:#4fc3f7f2}.tutorial-praise.praise-perfect{color:#facc15}@keyframes praiseFloat{0%{opacity:1;transform:translate(-50%)}50%{opacity:.9;transform:translate(-50%,-16px)}to{opacity:0;transform:translate(-50%,-28px)}}.tutorial-input-guide{flex-direction:column;align-items:center;display:flex}.hands-svg{max-width:360px;height:auto;margin-bottom:-4px}.tutorial-input-guide{margin-top:0}.tutorial-keyboard{flex-direction:column;align-items:center;gap:4px;padding:4px 0;display:flex}.kb-row{gap:4px;display:flex}.kb-row:first-child{justify-content:flex-end;width:100%;max-width:416px}.kb-row:nth-child(3){margin-left:20px}.kb-row:nth-child(4){margin-left:40px}.kb-key{color:#111;opacity:.4;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-family:monospace;font-size:14px;font-weight:700;transition:opacity .15s;display:flex}.kb-highlight{box-shadow:0 0 12px;opacity:1!important}@keyframes keyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.kbguide-wrap{left:50%;bottom:var(--kbguide-bottom,10px);transform:translateX(-50%) scale(var(--kbguide-scale,1));transform-origin:bottom;z-index:15;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute}.kbguide-word{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;background:#0a0a1ab3;border:1px solid #ffffff26;border-radius:10px;min-width:140px;padding:6px 16px}.kbguide-word.empty{opacity:0}.kbguide-word-hira{letter-spacing:.03em;font-size:22px;font-weight:700;line-height:1.1}.kbguide-word-hira .remain{color:#aaa}.kbguide-word-romaji{letter-spacing:.06em;margin-top:4px;font-family:monospace;font-size:22px}.kbguide-word-romaji .typed{font-weight:700}.kbguide-word-romaji .remain{color:#9a9a9a;font-weight:500}.ingame-guide{opacity:.85;flex-direction:column;align-items:center;padding:2px 0;display:flex}.ingame-guide .hands-svg{max-width:240px;height:auto;margin-bottom:-2px}.ingame-guide .tutorial-keyboard{gap:2px;padding:2px 0}.ingame-guide .kb-row{gap:2px}.ingame-guide .kb-row:nth-child(3){margin-left:12px}.ingame-guide .kb-row:nth-child(4){margin-left:24px}.ingame-guide .kb-row{justify-content:center;width:auto;max-width:none;margin-left:0!important}.ingame-guide .kb-row:nth-child(5){margin-top:2px}.ingame-guide .kb-key{opacity:.55;color:#e5e7eb;background:#ffffff2e;border:1px solid #ffffff1f;border-radius:3px;width:22px;height:22px;font-size:10px}.ingame-guide .kb-key-wide{letter-spacing:.3px;padding:0 4px;font-size:9px}.ingame-guide .kb-highlight{box-shadow:0 0 8px;opacity:1!important}.tutorial-clear{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.tutorial-clear-title{color:#a78bfa;font-size:32px;font-weight:700}.tutorial-clear-time{color:#fff;font-size:48px;font-weight:700}.tutorial-clear-accuracy{color:#4ade80;font-size:24px;font-weight:700}.tutorial-clear-target{color:#aaa;font-size:16px}.tutorial-clear-actions{flex-direction:column;align-items:center;gap:10px;margin-top:24px;display:flex}.tutorial-clear-btn{cursor:pointer;color:#ccc;letter-spacing:.04em;background:0 0;border:1px solid #444;border-radius:8px;min-width:260px;padding:10px 24px 10px 36px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,color .2s;display:inline-block;position:relative}.tutorial-clear-btn#next-stage{color:#fff;font-weight:700}.tutorial-clear-btn:hover{color:#fff;background:#6ec7ff1a;border-color:#6ec7ff}.tutorial-clear-btn.active{color:#fff;text-shadow:0 0 4px #bae6fd80;background:#6ec7ff14;border-color:#6ec7ff;font-weight:700;box-shadow:0 0 12px #6ec7ff59,inset 0 0 12px #6ec7ff26}.tutorial-clear-cursor{color:#6ec7ff;text-align:center;width:14px;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tutorial-clear-btn-label{display:inline-block}.stage-select{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;padding:0 16px;display:grid}.stage-item{cursor:pointer;border:2px solid #333;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.stage-item:hover,.stage-item.active{background:#a78bfa1a;border-color:#a78bfa}.stage-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stage-title-text{font-size:18px;font-weight:700}.stage-desc-text{color:#888;font-size:13px}.stage-best{color:#a78bfa;font-size:12px}.stage-badge{color:#c4b5fd;background:#a78bfa2e;border:1px solid #a78bfa8c;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;height:28px;padding:0 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.stage-item.active .stage-badge{color:#08092a;background:#a78bfa;border-color:#a78bfa}.practice-stages-subtitle{color:#cbd5e1;text-align:center;max-width:480px;font-size:13px;line-height:1.5}.practice-kb{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex}.practice-kb-row{gap:4px;display:flex}.practice-kb-row.r1{padding-left:14px}.practice-kb-row.r2{padding-left:28px}.practice-kb-key{color:#475569;background:#ffffff0d;border:1px solid #94a3b826;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;font-family:-apple-system,ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:700;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:flex}.practice-kb-key.using{color:#cbd5e1;background:#94a3b81f;border-color:#94a3b859}.practice-kb-key.focus{color:#1e293b;background:#fde047;border-color:#facc15;animation:1.6s ease-in-out infinite kbPracticePulse;box-shadow:0 0 16px #fde047b3}@keyframes kbPracticePulse{0%,to{box-shadow:0 0 16px #fde047b3}50%{box-shadow:0 0 24px #fde047f2}}.tips-list{flex-direction:column;align-items:center;gap:10px;margin-top:24px;display:flex}.howto-intro{color:#888;margin-top:4px;font-size:13px}.game-tutorial-list-intro,.game-tutorial-progress{color:#aaa;margin:8px 0 16px;font-size:13px}.game-tutorial-step{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;max-width:480px;margin:0 auto;padding:16px 20px}.game-tutorial-title{color:#e9d5ff;margin-bottom:8px;font-size:22px;font-weight:700}.game-tutorial-desc{color:#ccc;font-size:14px;line-height:1.6}.game-tutorial-steplist{color:#ddd;margin:8px 0 12px 18px;padding:0;font-size:13px}.game-tutorial-placeholder{color:#888;background:#00000040;border-radius:8px;margin-top:16px;padding:8px 12px;font-size:12px}.game-tutorial-actions{margin-top:20px}.game-tutorial-chapter-list{max-width:520px;margin:0 auto}.tutorial-overlay{top:var(--tutorial-overlay-top,76px);z-index:200;pointer-events:none;max-width:92vw;transition:opacity .3s;position:fixed;left:50%;transform:translate(-50%)}.tutorial-bubble{text-align:center;pointer-events:auto;background:#0f1232eb;border:1px solid #a78bfa8c;border-radius:14px;padding:14px 18px;box-shadow:0 8px 24px #00000080}.tutorial-bubble-success{border-color:#4ade80b3;box-shadow:0 8px 24px #4ade804d}.tutorial-bubble-title{color:#e9d5ff;margin-bottom:6px;font-size:18px;font-weight:700}.tutorial-bubble-success .tutorial-bubble-title{color:#4ade80}.tutorial-bubble-body{color:#ddd;font-size:14px;line-height:1.6}.tutorial-bubble-hint{color:#888;margin-top:6px;font-size:11px}.tutorial-bubble-hint-cta{font-size:14px}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 #a78bfa00}50%{box-shadow:0 0 24px 6px #a78bfad9}}@keyframes tutorial-pulse-red{0%,to{box-shadow:0 0 #f8717100}50%{box-shadow:0 0 24px 6px #f87171d9}}body.tutorial-highlight-borderline .border-line{z-index:30}body.tutorial-highlight-lives .game-lives{border-radius:8px;padding:4px 10px;animation:1.2s ease-in-out infinite tutorial-pulse;display:inline-block}body.tutorial-highlight-sync .coop-meter-svg,body.tutorial-highlight-sync .coop-meter-num{border-radius:50%;animation:1.2s ease-in-out infinite tutorial-pulse}body.tutorial-highlight-combo .status-combo{border-radius:6px;padding:2px 6px;animation:1.2s ease-in-out infinite tutorial-pulse;display:inline-block}body.tutorial-highlight-freeze .freeze-bar{border-radius:4px;animation:1.2s ease-in-out infinite tutorial-pulse-red}body.tutorial-highlight-chat-tab .chat-tab-hint{border-radius:8px;animation:1.2s ease-in-out infinite tutorial-pulse}.rules-screen{box-sizing:border-box;padding:24px 16px 32px}.rules-list{flex-direction:column;gap:10px;width:100%;max-width:560px;margin:20px auto 16px;display:flex}.rules-card{background:#ffffff05;border:1px solid #333;border-radius:10px;align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.rules-card-icon{flex-shrink:0;margin-top:2px;font-size:26px;line-height:1}.rules-card-body{text-align:left;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.rules-card-title{color:#fff;font-size:15px;font-weight:700}.rules-card-desc{color:#bbb;font-size:13px;line-height:1.5}.rules-pager{flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;padding-top:18px;display:flex}.rules-pager .title-logo{margin-bottom:0}.rules-page{flex-direction:column;align-items:center;gap:16px;width:min(640px,92vw);display:flex}.rules-media-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.rules-page-media{background-color:#ffffff0a;background-repeat:no-repeat;border:1px solid #2a2a2a;border-radius:12px;flex-shrink:0;width:480px;height:409px;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000059}.rules-page-icon{font-size:56px;line-height:1}.rules-page-body{text-align:center;flex-direction:column;justify-content:flex-start;height:88px;display:flex}.rules-page-desc{color:#cfcfcf;white-space:pre-line;max-width:600px;font-size:16px;line-height:1.6}.rules-nav-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #3a3a3a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:background .15s,transform .1s;display:flex}.rules-nav-btn:hover:not(:disabled){background:#ffffff29}.rules-nav-btn:active:not(:disabled){transform:scale(.95)}.rules-nav-btn:disabled{opacity:.3;cursor:not-allowed}.rules-dots{gap:8px;display:flex}.rules-dot{background:#ffffff38;border-radius:50%;width:9px;height:9px;transition:background .15s,transform .15s}.rules-dot.is-active{background:#b48dff;transform:scale(1.25)}.rules-pager .tip-back-btn{align-self:center;margin-top:14px}@media (width<=540px){.rules-pager{gap:10px;padding-top:12px}.rules-page{gap:12px}.rules-page-media{width:calc(92vw - 96px);height:calc(78.3704vw - 81.7778px)}.rules-media-row{gap:8px}.rules-nav-btn{flex-shrink:0;width:40px;height:40px}.rules-page-desc{font-size:15px}}.legal-screen{box-sizing:border-box;padding:20px 16px 32px}.legal-updated-at{text-align:center;color:#888;margin-bottom:20px;font-size:11px}.legal-list{flex-direction:column;gap:12px;width:100%;max-width:640px;margin:0 auto 20px;display:flex}.legal-section{text-align:left;background:#ffffff05;border:1px solid #2a2a3a;border-radius:8px;padding:14px 18px}.legal-section-title{color:#fff;margin-bottom:6px;font-size:14px;font-weight:700}.legal-section-body{color:#bbb;white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.7}.legal-section-body .legal-link{color:#7fb3ff;word-break:break-all;text-decoration:underline}.legal-section-body .legal-link:hover{color:#a6c8ff}.tip-item{cursor:pointer;box-sizing:border-box;border:2px solid #333;border-radius:8px;align-items:center;gap:8px;width:100%;max-width:420px;padding:12px 20px;transition:border-color .2s,background .2s;display:flex}.tip-item .choice-cursor{text-align:center;flex-shrink:0;width:16px;display:inline-block}.tip-item:hover,.tip-item.active{background:#a78bfa1a;border-color:#a78bfa}.tip-item-info{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tip-item-title{font-size:17px;font-weight:700}.tip-item-desc{color:#888;font-size:14px}.tip-screen{box-sizing:border-box;width:100%;padding:32px 20px 40px}.tip-content{flex-direction:column;align-items:center;gap:18px;max-width:640px;margin:0 auto;display:flex}.tip-title{color:#a78bfa;margin-bottom:4px;font-size:32px;font-weight:700}.tip-lead{color:#ddd;text-align:center;margin:0;font-size:17px;line-height:1.8}.tip-home-keys{color:#ddd;align-items:center;gap:14px;font-size:17px;display:flex}.tip-home-keys b{color:#fff;letter-spacing:2px;font-family:monospace}.tip-sep{color:#555}.tip-note{color:#bbb;text-align:center;max-width:520px;margin:0;font-size:15px;line-height:1.8}.tip-section{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:14px;display:flex}.tip-section-title{color:#a78bfa;font-size:19px;font-weight:700}.tip-sub{color:#bbb;text-align:center;max-width:520px;margin:0;font-size:15px;line-height:1.8}.tip-sub b{color:#fff}.items-layer{pointer-events:none;z-index:1;opacity:0;display:none;position:absolute;inset:0;overflow:hidden}.bg-layer{opacity:0;z-index:0;transition:opacity 1.5s;position:absolute;inset:0}#scene-dim{pointer-events:none;z-index:2;transition:background-color 1.5s;position:absolute;inset:0}#game-root{z-index:3;width:100%;height:100%;position:relative}.item-bubble{width:var(--size);height:var(--size);opacity:0;animation:bubbleRise var(--duration) linear var(--delay) infinite;will-change:transform, opacity;background:url(/themes/aquarium/items/bubble.webp) 50%/contain no-repeat;position:absolute;bottom:-80px}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.75}90%{opacity:.55}to{transform:translateY(calc(-100dvh - 100px)) translateX(var(--drift));opacity:0}}.item-fish{top:var(--top);width:var(--size);height:var(--size);opacity:.8;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.item-fish-lr{animation:fishSwimLR var(--duration) linear var(--delay) infinite;left:-80px}.item-fish-rl{animation:fishSwimRL var(--duration) linear var(--delay) infinite;right:-80px;transform:scaleX(-1)}@keyframes fishSwimLR{0%{transform:translate(0)translateY(0)}25%{transform:translate(220px)translateY(-8px)}50%{transform:translate(440px)translateY(6px)}75%{transform:translate(660px)translateY(-6px)}to{transform:translate(900px)translateY(0)}}@keyframes fishSwimRL{0%{transform:scaleX(-1)translate(0)translateY(0)}25%{transform:scaleX(-1)translate(220px)translateY(-8px)}50%{transform:scaleX(-1)translate(440px)translateY(6px)}75%{transform:scaleX(-1)translate(660px)translateY(-6px)}to{transform:scaleX(-1)translate(900px)translateY(0)}}.item-firefly{top:var(--top);left:var(--left);width:var(--size);height:var(--size);opacity:0;animation:fireflyBlink var(--duration) ease-in-out var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}@keyframes fireflyBlink{0%,to{opacity:0;transform:translate(0)}25%{opacity:.85;transform:translate(15px,-10px)}50%{opacity:.6;transform:translateY(-20px)}75%{opacity:.85;transform:translate(-15px,-10px)}}.item-steam{bottom:35%;left:var(--left);width:var(--size);height:calc(var(--size) * 1.4);opacity:0;animation:steamRise var(--duration) ease-out var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}@keyframes steamRise{0%{opacity:0;transform:translateY(0)scale(.7)}15%{opacity:.6}60%{opacity:.5;transform:translateY(-35vh)scale(1.1)}to{opacity:0;transform:translateY(-60vh)scale(1.4)}}.item-bean{top:-40px;left:var(--left);width:var(--size);height:var(--size);opacity:.8;animation:beanFall var(--duration) linear var(--delay) infinite;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}@keyframes beanFall{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.85}to{opacity:0;transform:translate(40px,110vh)rotate(720deg)}}.item-shooting-star{top:var(--top);width:var(--size);height:var(--size);opacity:0;animation:shootingStar var(--duration) linear var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;left:-150px}@keyframes shootingStar{0%{opacity:0;transform:translate(0)}1%{opacity:1;transform:translate(70px,20px)}6%{opacity:.75;transform:translate(420px,117px)}12%{opacity:.3;transform:translate(840px,235px)}16%{opacity:0;transform:translate(1000px,280px)}to{opacity:0;transform:translate(1000px,280px)}}.item-sparkle{top:var(--top);left:var(--left);width:var(--size);height:var(--size);opacity:0;animation:sparkleTwinkle var(--duration) ease-in-out var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1)}}.item-spark{top:var(--top);left:var(--left);width:var(--size);height:var(--size);opacity:0;animation:sparkBurst var(--duration) ease-out var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}@keyframes sparkBurst{0%{opacity:0;transform:scale(.2)}15%{opacity:.95;transform:scale(1)}60%{opacity:.5}to{opacity:0;transform:scale(1.4)}}.item-ember{bottom:-40px;left:var(--left);width:var(--size);height:var(--size);opacity:0;animation:emberRise var(--duration) ease-out var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}@keyframes emberRise{0%{opacity:0;transform:translate(0)}10%{opacity:.95}70%{transform:translate(var(--drift), -70vh);opacity:.8}95%{opacity:.2}to{transform:translate(calc(var(--drift) * 1.2), -110vh);opacity:0}}.item-note{top:var(--top);width:var(--size);height:var(--size);opacity:0;filter:drop-shadow(0 0 6px #e6be7866);animation:noteDrift var(--duration) linear var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;left:-80px}@keyframes noteDrift{0%{opacity:0;transform:translate(0)}10%{opacity:.85}50%{transform:translate(500px,-14px)}90%{opacity:.6}to{opacity:0;transform:translate(1000px)}}.item-heart{bottom:-60px;left:var(--left);width:var(--size);height:var(--size);opacity:0;animation:heartRise var(--duration) ease-out var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}@keyframes heartRise{0%{opacity:0;transform:translate(0)scale(.8)}15%{opacity:.85}50%{transform:translate(var(--drift), -55vh) scale(1)}90%{opacity:.6}to{transform:translate(calc(var(--drift) * -1), -110vh) scale(1.1);opacity:0}}.item-gold{top:var(--top);left:var(--left);width:var(--size);height:var(--size);opacity:0;animation:goldShimmer var(--duration) ease-in-out var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}@keyframes goldShimmer{0%,to{opacity:0;transform:scale(.7)}50%{opacity:.85;transform:scale(1)}}.item-cloud{top:var(--top);width:var(--size);height:calc(var(--size) * .6);opacity:.75;animation:cloudDrift var(--duration) linear var(--delay) infinite;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;left:-200px}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(1100px)}}.item-bird{top:var(--top);width:var(--size);height:var(--size);opacity:.85;animation:birdFlap var(--duration) linear var(--delay) infinite;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;left:-100px}.item-plane{top:var(--top);width:var(--size);height:calc(var(--size) * .6);opacity:0;animation:planeFly var(--duration) linear var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;left:-150px;transform:rotate(-8deg)}@keyframes planeFly{0%{opacity:0;transform:translate(0)rotate(-8deg)}2%{opacity:.9}16%{opacity:.9;transform:translate(1150px,-160px)rotate(-8deg)}17%{opacity:0;transform:translate(1150px,-160px)rotate(-8deg)}to{opacity:0;transform:translate(1150px,-160px)rotate(-8deg)}}@keyframes birdFlap{0%{transform:translate(0)}10%{transform:translate(100px,-18px)}20%{transform:translate(200px)}30%{transform:translate(300px,-18px)}40%{transform:translate(400px)}50%{transform:translate(500px,-18px)}60%{transform:translate(600px)}70%{transform:translate(700px,-18px)}80%{transform:translate(800px)}90%{transform:translate(900px,-18px)}to{transform:translate(1000px)}}.item-paper-plane{top:var(--top);width:var(--size);height:calc(var(--size) * .74);opacity:0;animation:paperPlaneGlide var(--duration) linear var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;left:-180px;transform:translate(0)rotate(28deg)}@keyframes paperPlaneGlide{0%{opacity:0;transform:translate(0)rotate(28deg)}3%{opacity:.85}10%{opacity:.85;transform:translate(12vw,-7vw)rotate(30deg)}20%{opacity:.85;transform:translate(24vw,-12vw)rotate(31deg)}30%{opacity:.85;transform:translate(37vw,-15vw)rotate(33deg)}45%{opacity:.85;transform:translate(55vw,-15vw)rotate(35deg)}60%{opacity:.85;transform:translate(73vw,-9vw)rotate(38deg)}75%{opacity:.85;transform:translate(86vw,-2vw)rotate(40deg)}90%{opacity:0;transform:translate(110vw,17vw)rotate(43deg)}to{opacity:0;transform:translate(110vw,17vw)rotate(43deg)}}.item-dragonfly{top:var(--top);left:var(--left);width:var(--size);height:calc(var(--size) * .67);opacity:0;animation:dragonflyHover var(--duration) ease-in-out var(--delay) infinite;will-change:transform, opacity;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}@keyframes dragonflyHover{0%,to{opacity:0;transform:translate(0)scale(1)}10%{opacity:.9}25%{opacity:.9;transform:translate(12px,-8px)scale(1.04)}50%{opacity:.85;transform:translateY(-16px)scale(1)}75%{opacity:.9;transform:translate(-12px,-8px)scale(1.04)}90%{opacity:.9}}.menu-back-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #444;border-radius:8px;margin:16px auto 0;padding:8px 22px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,color .2s;display:block}.menu-back-btn:hover{color:#fff;background:#6ec7ff1a;border-color:#6ec7ff}.menu-back-btn.active{color:#fff;text-shadow:0 0 4px #bae6fd80;background:#6ec7ff14;border-color:#6ec7ff;font-weight:700;box-shadow:0 0 12px #6ec7ff59,inset 0 0 12px #6ec7ff26}.tip-back-btn{color:#ccc;cursor:pointer;background:0 0;border:2px solid #333;border-radius:8px;margin:24px auto 0;padding:10px 24px;font-family:inherit;font-size:14px;transition:border-color .2s,background .2s,color .2s;display:block}.tip-back-btn:hover{color:#fff;background:#6ec7ff1a;border-color:#6ec7ff}.tip-list{color:#ccc;text-align:left;max-width:520px;margin:4px 0;padding-left:24px;font-size:15px;line-height:1.9}.tip-list li{margin-bottom:6px}.tip-list b{color:#fff}.tip-callout{box-sizing:border-box;background:#a78bfa14;border:2px solid #a78bfa;border-radius:8px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:520px;margin-top:8px;padding:16px 20px;display:flex}.tip-callout-title{color:#a78bfa;text-align:center;font-size:16px;font-weight:700}.tip-callout .tip-sub{text-align:left;margin:0}.tutorial-keyboard-standalone{margin-top:4px}.kb-key.kb-multi-highlight{font-weight:700;transform:translateY(-2px)}.tip-compare{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;display:flex}.tip-compare-item{border:2px solid #333;border-radius:8px;flex-direction:column;align-items:center;gap:6px;min-width:180px;padding:12px 16px;display:flex}.tip-compare-label{color:#ccc;font-family:monospace;font-size:16px;font-weight:700}.tip-compare-note{color:#888;text-align:center;max-width:180px;font-size:11px;line-height:1.5}.tip-keys{align-items:center;gap:4px;display:flex}.tip-key{color:#ddd;background:#2a2a2a;border:2px solid #444;border-radius:4px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 6px;font-family:monospace;font-size:14px;font-weight:700;display:inline-flex}.tip-key-good{color:#4ade80;background:#4ade801a;border-color:#4ade80}.tip-key-bad{color:#f87171;background:#f871711a;border-color:#f87171}.tip-arrow{color:#666;font-size:12px}.stats-screen{box-sizing:border-box;padding:24px 16px 32px}.stats-section{width:min(560px,92vw);margin:18px auto 0}.stats-section-title{color:#e8e8e8;border-bottom:1px solid #332f5c;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:4px;font-size:14px;font-weight:700;display:flex}.stats-online-link{text-align:center;color:#fcd34d;cursor:pointer;background:linear-gradient(#2c2a4a,#1a1a3a);border:1px solid #fbbf24;border-radius:8px;padding:12px 24px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.stats-online-link:hover{color:#fff;background:linear-gradient(#3a3760,#2a2a4f)}.stats-stat-wrap{justify-content:center;display:flex}.stats-records-wrap{background:linear-gradient(#222850,#0f1030);border:1px solid #332f5c;border-radius:8px;padding:8px 10px;overflow-x:auto}.stats-records{border-collapse:collapse;width:100%;font-size:13px}.stats-records th{color:#9ca3af;text-align:center;border-bottom:1px solid #332f5c;padding:4px 6px;font-size:11px;font-weight:400}.stats-records th:first-child{text-align:left}.stats-records .record-row td{border-bottom:1px solid #2a304080;padding:6px}.stats-records .record-row:last-child td{border-bottom:none}.record-com{color:#e8e8e8;white-space:nowrap;font-size:13px}.record-com-emoji{margin-right:6px;font-size:15px}.record-val{color:#e8e8e8;text-align:center;font-variant-numeric:tabular-nums}.record-val-empty{color:#666;text-align:center;font-size:12px}.record-unit{color:#9ca3af;margin-left:2px;font-size:10px}.stats-collection .stats-section-sub{color:#9ca3af;letter-spacing:.05em;font-size:11px;font-weight:400}.collection-block{background:linear-gradient(#222850,#0f1030);border:1px solid #332f5c;border-radius:8px;margin-top:10px;padding:10px 12px}.collection-block-head{border-bottom:1px solid #332f5c99;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:4px;display:flex}.collection-block-title{color:#cbd5e1;letter-spacing:.04em;font-size:12px}.collection-block-counter{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:11px}.collection-grid{gap:8px;display:grid}.collection-grid-com{grid-template-columns:repeat(4,1fr)}.collection-grid-theme{grid-template-columns:repeat(5,1fr)}@media (width<=480px){.collection-grid-com{grid-template-columns:repeat(2,1fr)}.collection-grid-theme{grid-template-columns:repeat(3,1fr)}}.collection-card{text-align:center;background:#0f103099;border:1px solid #332f5c;border-radius:6px;flex-direction:column;align-items:center;gap:4px;min-height:110px;padding:8px 6px;display:flex}.collection-card-unlocked{border-color:var(--accent,#60a5fa);box-shadow:0 0 8px color-mix(in oklab, var(--accent,#60a5fa) 30%, transparent)}.collection-card-unlocked .collection-card-icon{color:var(--accent,#60a5fa)}.collection-card-locked{opacity:.55;filter:grayscale(.5)}.collection-card-icon{font-size:28px;line-height:1}.collection-card-name{color:#e8e8e8;white-space:nowrap;font-size:12px}.collection-card-meta{flex-direction:column;gap:2px;width:100%;margin-top:2px;display:flex}.collection-card-meta-row{justify-content:space-between;padding:0 4px;font-size:10px;display:flex}.collection-card-meta-label{color:#9ca3af}.collection-card-meta-val{color:#e8e8e8;font-variant-numeric:tabular-nums}.collection-card-meta-val .record-unit{font-size:9px}.collection-tile{text-align:center;background:#0f103099;border:1px solid #332f5c;border-radius:6px;flex-direction:column;align-items:center;gap:3px;min-height:64px;padding:8px 4px 6px;display:flex}.collection-tile-unlocked{border-color:var(--accent,#60a5fa);box-shadow:inset 0 0 16px color-mix(in oklab, var(--accent,#60a5fa) 20%, transparent)}.collection-tile-unlocked .collection-tile-icon{color:var(--accent,#60a5fa)}.collection-tile-locked{opacity:.5;filter:grayscale(.6)}.collection-tile-icon{font-size:22px;line-height:1}.collection-tile-name{color:#e8e8e8;font-size:10px}.mode-select-screen,.settings-screen{box-sizing:border-box}.settings-list{width:100%;max-width:460px;margin:0 auto}.settings-item{text-align:left;grid-template-columns:20px 1fr auto auto;align-items:center;gap:10px;padding:10px 16px;display:grid}.settings-item-label{color:#e8e8e8;font-size:15px;font-weight:700}.settings-item-current{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:14px}.settings-item.disabled .settings-item-current{color:#555}.settings-links{margin-top:18px}.settings-version{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;transition:color .15s}.settings-version:hover{color:#bbb}.settings-version-env{color:#ffb800;text-transform:uppercase;background:#ffb8002e;border-radius:3px;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;display:inline-block}.volume-list{flex-direction:column;gap:12px;width:min(460px,92vw);margin:24px auto 0;display:flex}.volume-item{cursor:pointer;background:0 0;border:2px solid #333;border-radius:8px;grid-template-columns:20px 60px 1fr 40px;align-items:center;gap:10px;padding:10px 16px;transition:border-color .15s,background .15s;display:grid}.volume-item.active{background:#8b5cf626;border-color:#8b5cf6}.volume-label{color:#e8e8e8;text-align:left;font-size:15px;font-weight:700}.volbar{align-items:center;gap:3px;display:inline-flex}.volbar-seg{background:#332f5c;border-radius:2px;flex:1;height:10px}.volbar-seg.on{background:linear-gradient(#c4b5fd,#8b5cf6)}.volume-value{color:#9ca3af;text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.audio-toggle{color:#e8e8e8;cursor:pointer;opacity:.78;background:#0a0a1e59;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;line-height:1;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.audio-toggle:hover{opacity:1;background:#a78bfa47;border-color:#a78bfa80}.audio-toggle.off{color:#888;opacity:.55}.audio-toggle.off:hover{opacity:1}.audio-toggle svg{flex-shrink:0}.audio-toggle-center{letter-spacing:.04em;margin:12px auto 0;padding:10px 18px;font-size:14px;display:inline-flex}.audio-toggle-center .audio-toggle-label{font-size:13px;font-weight:700}.audio-toggle-pair{gap:6px;display:flex}.audio-toggle-icon{border-radius:50%;justify-content:center;width:28px;height:28px;padding:0}.audio-toggle-icon svg{width:16px;height:16px}.audio-toggle-global{z-index:900;pointer-events:auto;position:fixed;top:10px;right:12px}.audio-toggle-global.hidden{display:none}.audio-toggle-global .audio-toggle-icon{-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px #0006}.consent-reopen-icon{color:#fcd34d;border-color:#fcd34d80}.consent-reopen-icon:hover{background:#fcd34d2e}.no-analytics-icon{color:#6ee7b7;border-color:#6ee7b780}.no-analytics-icon:hover{background:#6ee7b72e}.menu-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(at 50% 35%,#161b4a 0%,#0000 65%),linear-gradient(#08092a 0%,#0a0e38 100%);position:fixed;inset:0;overflow:hidden}.menu-backdrop.hidden{display:none}.menu-veil{z-index:0;pointer-events:none;background:linear-gradient(90deg,#080b1e00 0% 20%,#080b1e33 26% 74%,#080b1e00 80% 100%);position:fixed;inset:0}.menu-veil.hidden{display:none}.floating-key{width:var(--size,44px);height:var(--size,44px);bottom:-80px;left:var(--x,50%);font-family:SF Mono,Menlo,monospace;font-weight:700;font-size:calc(var(--size,44px) * .45);color:#fff;background:var(--color,#6ec7ff);box-shadow:inset 0 2px 4px #ffffff59, 0 0 20px var(--glow,#6ec7ff80);text-shadow:0 0 6px #ffffffb3,0 1px #00000040;opacity:0;animation:floatKey var(--duration,22s) linear var(--delay,0s) infinite;will-change:transform, opacity;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute}@keyframes floatKey{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:.42}50%{transform:translate(calc(var(--drift,0px) * 1), -55vh) rotate(calc(var(--rot,180deg) * .5));opacity:.42}92%{opacity:.34}to{transform:translate(calc(var(--drift,0px) * -1), -115vh) rotate(var(--rot,180deg));opacity:0}}.choice-btn{cursor:pointer;color:#e2e8f0;text-align:left;background:#080b1e8c;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;max-width:380px;padding:10px 18px;font-family:inherit;font-size:18px;transition:color .2s,background .2s,transform .2s;display:flex}.choice-btn:hover{color:#fff;background:#ffffff14}.choice-btn.active{color:#fff;text-shadow:0 0 2px #cff3fc2e;background:linear-gradient(90deg,#66ccff24,#0000),#080b1e;font-weight:700;transform:translate(10px);box-shadow:inset 3px 0 #66adff,inset 0 0 4px #66adff96}.choice-btn.disabled{opacity:.4;cursor:not-allowed}.choice-btn.disabled:hover,.choice-btn.disabled.active{color:#e2e8f0;text-shadow:none;background:#080b1e8c;font-weight:400;transform:none}.choice-cursor{color:#66adff;text-align:center;text-shadow:0 0 2px #66adffe6,0 0 4.6px #66adff80;opacity:0;flex-shrink:0;width:18px;font-size:16px;transition:opacity .15s;display:inline-block}.choice-btn.active .choice-cursor,.tip-item.active .choice-cursor,.stage-item.active .choice-cursor{opacity:1;animation:1.1s ease-in-out infinite cursorPulse}@keyframes cursorPulse{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.mode-select{max-width:380px;margin:32px auto 0}.stage-item{color:#e2e8f0;background:#080b1e8c;border:none;border-radius:6px;transition:color .2s,background .2s,transform .2s}.stage-item:hover{color:#fff;background:#ffffff14}.stage-item.active{color:#fff;text-shadow:0 0 2px #cff3fc2e;background:linear-gradient(90deg,#66ccff24,#0000),#080b1e;font-weight:700;transform:translate(10px);box-shadow:inset 3px 0 #66adff,inset 0 0 4px #66adff96}.tip-item{color:#e2e8f0;background:#080b1e8c;border:none;border-radius:6px;transition:color .2s,background .2s,transform .2s}.tip-item:hover{color:#fff;background:#ffffff14}.tip-item.active{color:#fff;text-shadow:0 0 2px #cff3fc2e;background:linear-gradient(90deg,#66ccff24,#0000),#080b1e;font-weight:700;transform:translate(10px);box-shadow:inset 3px 0 #66adff,inset 0 0 4px #66adff96}.stage-item.active .stage-desc-text,.tip-item.active .tip-item-desc{text-shadow:none}.com-picker-start{justify-content:center;margin:0 auto}.coming-soon-badge{color:#94a3b8}.title-logo,.gameover-title,.tutorial-stage,.tutorial-clear-title,.tip-title,.tip-section-title,.tip-callout-title,.stats-section-title{color:#c2d0ef}@media (prefers-reduced-motion:reduce){.floating-key{opacity:.25;bottom:auto;top:var(--y-static,40%);animation:none}.choice-cursor{animation:none}}.consent-banner{z-index:100;color:#d8f5e0;background:#122018f5;border:1px solid #4ade8080;border-radius:12px;flex-direction:column;gap:10px;width:calc(100% - 24px);max-width:720px;padding:14px 18px;font-size:14px;line-height:1.5;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.consent-banner-text{text-align:center}.consent-banner-link{color:#a7f3d0;margin-left:4px;text-decoration:underline}.consent-banner-link:hover{color:#fff}.consent-banner-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.consent-banner-btn{font:inherit;color:#d8f5e0;cursor:pointer;background:0 0;border:1px solid #4ade8080;border-radius:8px;min-width:140px;padding:8px 18px}.consent-banner-btn:hover{background:#4ade8026}.consent-banner-accept{color:#fff;background:#4ade8040;border-color:#4ade80d9}.consent-banner-accept:hover{background:#4ade8066}@media (width<=480px){.consent-banner{padding:12px 14px;bottom:8px}.consent-banner-btn{flex:1;min-width:0}}.ranking-screen{box-sizing:border-box;padding:24px 16px 32px}.ranking-tabs{flex-direction:column;gap:6px;width:min(720px,96vw);margin:16px auto 0;display:flex}.ranking-tabs-top,.ranking-tabs-com{scrollbar-width:thin;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.ranking-tabs-com{margin-left:12px;padding-top:2px}.ranking-tab{color:#a1a1aa;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #332f5c;border-radius:999px;flex:none;padding:8px 16px;font-size:13px;transition:background .2s,color .2s,border-color .2s}.ranking-tab:hover{color:#fff;background:#ffffff14}.ranking-tab.active{color:#1a1a3a;background:linear-gradient(#fbbf24,#d97706);border-color:#fbbf24;font-weight:700}.ranking-list-wrap{width:min(720px,96vw);min-height:240px;margin:12px auto 0}.ranking-loading,.ranking-empty{text-align:center;color:#6b7280;padding:40px 16px;font-size:13px}.ranking-podium{grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:12px;width:min(720px,96vw);margin:8px auto 16px;padding:0;list-style:none;display:grid}.podium-pod{text-align:center;border:2px solid;border-radius:12px;flex-direction:column;align-items:center;padding:12px 8px 14px;display:flex;position:relative}.podium-pod.pod-1{background:linear-gradient(#fbbf2438,#d977062e);border-color:#fbbf24;min-height:200px;box-shadow:inset 0 0 24px #fbbf244d}.podium-pod.pod-2{background:linear-gradient(#cbd5e12e,#94a3b824);border-color:#cbd5e1;min-height:160px}.podium-pod.pod-3{background:linear-gradient(#fb923c2e,#c2410c24);border-color:#fb923c;min-height:130px}.podium-pod.podium-empty{background:#ffffff05;border-style:dashed;border-color:#ffffff0f}.podium-medal{filter:drop-shadow(0 2px 6px #0006);margin-bottom:4px;font-size:36px;line-height:1}.podium-pod.pod-1 .podium-medal{font-size:48px}.podium-rank{letter-spacing:.05em;margin-bottom:6px;font-size:16px;font-weight:900}.podium-pod.pod-1 .podium-rank{color:#fbbf24;font-size:22px}.podium-pod.pod-2 .podium-rank{color:#cbd5e1}.podium-pod.pod-3 .podium-rank{color:#fb923c}.podium-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:2px;font-size:13px;font-weight:700;overflow:hidden}.podium-pod.pod-1 .podium-name{font-size:16px}.podium-partner{color:#c4b5fd;margin-bottom:4px;font-size:11px}.podium-score{color:#fff;font-variant-numeric:tabular-nums;margin-bottom:2px;font-size:18px;font-weight:900}.podium-pod.pod-1 .podium-score{color:#fbbf24;font-size:24px}.podium-score-unit{color:#9ca3af;margin-left:1px;font-size:.6em;font-weight:400}.podium-meta{color:#9ca3af;font-size:10px}.podium-pod.podium-self{outline-offset:2px;outline:2px solid #fbbf24}@media (width<=480px){.ranking-podium{gap:6px}.podium-pod{padding:10px 4px 12px}.podium-medal{font-size:28px}.podium-pod.pod-1 .podium-medal{font-size:36px}.podium-rank{font-size:13px}.podium-pod.pod-1 .podium-rank{font-size:18px}.podium-name{font-size:11px}.podium-pod.pod-1 .podium-name{font-size:13px}.podium-partner{font-size:10px}.podium-score{font-size:14px}.podium-pod.pod-1 .podium-score{font-size:18px}.podium-meta{font-size:9px}.podium-pod.pod-1{min-height:170px}.podium-pod.pod-2{min-height:138px}.podium-pod.pod-3{min-height:116px}}.ranking-error{text-align:center;color:#f87171;padding:40px 16px;font-size:13px}.ranking-retry-btn{color:#c4b5fd;cursor:pointer;background:#ffffff0f;border:1px solid #4a4870;border-radius:6px;margin-left:8px;padding:4px 12px;font-size:12px}.ranking-row{background:#ffffff08;border:1px solid #2a2a4f;border-radius:8px;margin-bottom:6px;padding:10px 12px;transition:background .15s}.ranking-row:hover{background:#ffffff0f}.ranking-row-self{background:#fbbf241f;border-color:#fbbf24}.ranking-row-self:hover{background:#fbbf242e}.ranking-row-main{align-items:baseline;gap:12px;display:flex}.ranking-row-rank{text-align:right;color:#fcd34d;font-variant-numeric:tabular-nums;flex:0 0 36px;font-size:16px;font-weight:700}.ranking-row-name{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;overflow:hidden}.ranking-row-name-self{color:#e5e7eb}.ranking-row-name-amp{color:#6b7280;margin:0 1px;font-size:12px}.ranking-row-name-partner{color:#c4b5fd}.ranking-row-hash{color:#6b7280;margin-left:4px;font-size:11px}.ranking-row-you{color:#1a1a3a;letter-spacing:.05em;background:#fbbf24;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.ranking-row-score{color:#fff;font-variant-numeric:tabular-nums;flex:none;font-size:15px;font-weight:700}.ranking-row-unit{color:#9ca3af;margin-left:2px;font-size:11px;font-weight:400}.ranking-row-meta{color:#6b7280;margin-top:4px;margin-left:48px;font-size:11px}.ranking-self-top{text-align:center;color:#fcd34d;background:#fbbf2414;border:1px solid #fbbf24;border-radius:8px;width:min(720px,96vw);margin:8px auto 12px;padding:10px 14px;font-size:13px;font-weight:700}@media (width<=480px){.ranking-row-main{flex-wrap:wrap;gap:8px}.ranking-row-name{white-space:normal;word-break:break-word}.ranking-row-meta{margin-left:48px;font-size:10px}}.asset-progress-pill{color:#cbd5e1;letter-spacing:.02em;pointer-events:none;z-index:1000;opacity:1;background:#0f1115b3;border:1px solid #2a2e38;border-radius:999px;padding:4px 10px;font-family:-apple-system,Hiragino Sans,sans-serif;font-size:11px;transition:opacity .4s;position:fixed;bottom:12px;right:12px}.asset-progress-pill.asset-progress-hidden{opacity:0}