/* Game-specific finishes. Shared navigation and input rules stay intact. */
body.arcade-game[data-game="wordle"] main{background:radial-gradient(ellipse at 10% 15%,#e91e8c28,transparent 50%),radial-gradient(ellipse at 90% 35%,#00d9ff20,transparent 50%),#0d0a22}
.arcade-game[data-game="wordle"] .wordle-title{color:#fff5fc!important;text-shadow:0 2px 0 #ab80d8,0 5px 0 #593579,0 9px 24px #e91e8c60!important}
.arcade-game[data-game="wordle"] .game-container{position:relative;max-width:570px;margin:20px auto;padding:20px 22px 28px;background:linear-gradient(135deg,#ffffff0c,transparent 35%),linear-gradient(160deg,#251e43,#100d23 70%);border:1px solid #9b83b5;border-radius:22px;box-shadow:inset 0 1px #ffffff55,inset 0 -2px #000,0 18px 48px #0008,0 0 42px #a266ff18}
.arcade-game[data-game="wordle"] .arcade-stats{gap:8px;margin:0 0 12px}.arcade-game[data-game="wordle"] .arcade-stats>div{flex:1;text-align:center;padding:9px;background:#0b0822;border:1px solid #64517e;border-radius:10px;color:#dacfef}.arcade-game[data-game="wordle"] .arcade-stats strong{color:#abf5ff;font-variant-numeric:tabular-nums;text-shadow:0 1px #fff5;font-size:25px}
.arcade-game[data-game="wordle"] .wordle-board{max-width:370px;gap:9px;padding:8px 4px 12px;perspective:900px}.arcade-game[data-game="wordle"] .wordle-row{gap:9px}
.arcade-game[data-game="wordle"] .wordle-cell{position:relative;isolation:isolate;overflow:hidden;width:auto;height:auto;min-width:0;aspect-ratio:1;border:1px solid #8e79a7;border-radius:11px;background:linear-gradient(145deg,#493861,#221a3b 65%,#342248);box-shadow:inset 0 2px 1px #ffffff40,inset 0 -4px 1px #060214aa,0 5px 0 #08051b,0 7px 10px #0005;color:#fff;font-family:Outfit,sans-serif;font-size:clamp(27px,6vw,38px);font-weight:900;line-height:1;letter-spacing:.015em;text-shadow:0 2px 0 #37204f,0 0 12px #a4f5ff30;transition:border-color .15s,box-shadow .15s}
.arcade-game[data-game="wordle"] .wordle-cell::before{content:"";position:absolute;inset:0 0 52%;border-radius:9px 9px 40% 12%;background:linear-gradient(180deg,#ffffff28,#ffffff04);pointer-events:none;z-index:-1}
.arcade-game[data-game="wordle"] .wordle-cell::after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff8 49%,transparent 58%);transform:translateX(-110%);pointer-events:none}
.arcade-game[data-game="wordle"] .wordle-cell.filled{border-color:#ff8ccd;background:linear-gradient(145deg,#8d397d,#3d1d53 60%,#502454);box-shadow:inset 0 2px #ffd9ef55,inset 0 -4px #230d40,0 5px 0 #08051b,0 0 16px #e91e8c30;animation:letterPress .18s ease-out}
.arcade-game[data-game="wordle"] .wordle-cell.filled::after{animation:letterShine .45s ease-out forwards}
.arcade-game[data-game="wordle"] .wordle-cell.flip{animation:crystalFlip .36s ease-in-out}
.arcade-game[data-game="wordle"] .wordle-cell.correct,.arcade-game[data-game="wordle"] .kb-key.correct{background:linear-gradient(145deg,#cbffb5,#7bef61 48%,#38b954)!important;border-color:#d1ffc7;color:#082714!important;text-shadow:0 1px #ffffff88;box-shadow:inset 0 2px #fff9,inset 0 -4px #156b4199,0 5px 0 #082316,0 0 18px #65ff4430}
.arcade-game[data-game="wordle"] .wordle-cell.present,.arcade-game[data-game="wordle"] .kb-key.present{background:linear-gradient(145deg,#fffac2,#ffe253 48%,#f2af32)!important;border-color:#fff1a6;color:#352300!important;text-shadow:0 1px #fff9;box-shadow:inset 0 2px #fffd,inset 0 -4px #a2672699,0 5px 0 #392316,0 0 18px #ffe80025}
.arcade-game[data-game="wordle"] .wordle-cell.absent,.arcade-game[data-game="wordle"] .kb-key.absent{background:linear-gradient(145deg,#5a516f,#383148 70%)!important;border-color:#95889f;color:#fff!important;text-shadow:0 2px #171321;box-shadow:inset 0 2px #ffffff26,inset 0 -4px #15102188,0 4px 0 #0c081b}
.arcade-game[data-game="wordle"] .wordle-cell:is(.correct,.present)::after{animation:letterShine .6s .1s ease-out forwards}
.arcade-game[data-game="wordle"] .wordle-cell.shake{animation:cellShake .4s ease-out}
.arcade-game[data-game="wordle"] .wordle-keyboard{max-width:520px;margin-top:8px;gap:10px}.arcade-game[data-game="wordle"] .kb-row{gap:5px}
.arcade-game[data-game="wordle"] .kb-key{height:51px;max-width:47px;border-radius:8px;background:linear-gradient(#56466c,#302341);border:1px solid #9b8aac;color:#fff;text-shadow:0 1px #000;box-shadow:inset 0 1px #ffffff66,inset 0 -2px #ffffff08,0 4px 0 #0a071b;font-weight:900;font-size:17px}
.arcade-game[data-game="wordle"] .kb-key:hover{border-color:#a4f5ff}.arcade-game[data-game="wordle"] .kb-key:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff33,0 1px 0 #0a071b}.arcade-game[data-game="wordle"] .kb-key.wide{max-width:68px;font-size:10px}
.arcade-game[data-game="wordle"] .wordle-message{color:#fff0a8;text-shadow:none;font-family:Outfit,sans-serif;font-size:15px;letter-spacing:0;min-height:24px;margin-bottom:5px}.arcade-game[data-game="wordle"] .wordle-message.show{opacity:1}
.arcade-game[data-game="wordle"] .win-overlay{background:radial-gradient(circle at 30% 25%,#e91e8c40,transparent 50%),radial-gradient(circle at 75% 70%,#00d9ff35,transparent 45%),#100c29f5}.arcade-game[data-game="wordle"] .win-word{letter-spacing:.18em;color:#b5ff95!important;-webkit-text-fill-color:initial;background:none;text-shadow:0 3px #356e46,0 0 28px #7eff7840}
@keyframes letterPress{0%{transform:translateY(3px) scale(.94)}70%{transform:translateY(-1px) scale(1.04)}100%{transform:none}}
@keyframes crystalFlip{0%{transform:rotateX(0)}49%{transform:rotateX(90deg)}50%{transform:rotateX(-90deg)}100%{transform:rotateX(0)}}
@keyframes letterShine{to{transform:translateX(110%)}}
.arcade-game[data-game="namethattune"] .ntt-stage{max-width:780px}.arcade-game[data-game="namethattune"] .q-card{border:1px solid #ab85bc;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#342049,#141024 70%);box-shadow:inset 0 1px #ffffff55,0 15px 50px #0007,0 0 38px #e91e8c25}.arcade-game[data-game="namethattune"] .q-header{padding:18px 22px;border-bottom:1px solid #77537f}.arcade-game[data-game="namethattune"] .player-section{background:radial-gradient(ellipse at 50% 20%,#e91e8c2b,transparent 70%),linear-gradient(170deg,#27223d,#110d24);padding:22px;border-bottom:1px solid #785b90}.tune-edition-badge{display:inline-block;padding:6px 10px;color:#171021;background:#ffdc86;border:1px solid #fff3bd;border-radius:5px;font:900 11px Outfit,sans-serif;letter-spacing:.1em;box-shadow:0 2px 0 #9c6170}.tune-edition-note{max-width:480px;margin:12px auto 20px;color:#e7ddef;font-size:14px;line-height:1.55}.arcade-game[data-game="namethattune"] .btn-play-clip{padding:15px 26px!important;border-radius:10px!important;background:linear-gradient(145deg,#fff4b0,#ffe354 55%,#efa738)!important;border-color:#fff0a5;color:#261400!important;box-shadow:inset 0 2px #fff9,0 5px 0 #824358,0 10px 24px #0005}.arcade-game[data-game="namethattune"] .btn-play-clip:disabled{opacity:.65}.arcade-game[data-game="namethattune"] .playback-bar{height:8px;background:#08051d;border:1px solid #866698;border-radius:99px;overflow:hidden;box-shadow:inset 0 2px #0006}.arcade-game[data-game="namethattune"] .playback-fill{background:linear-gradient(90deg,#00d9ff,#bc91ff,#ff79c0);box-shadow:0 0 12px #00d9ff66}.arcade-game[data-game="namethattune"] .score-pill{background:linear-gradient(155deg,#3b2850,#181228);border:1px solid #8a6da0;border-radius:12px;box-shadow:inset 0 1px #fff4,0 4px 0 #08051c}.arcade-game[data-game="namethattune"] .score-pill .big{color:#fff1aa;-webkit-text-fill-color:initial;background:none;text-shadow:0 2px #724b3c;font-family:Outfit,sans-serif;font-weight:900}.arcade-game[data-game="namethattune"] .answer-btn{background:linear-gradient(145deg,#443152,#251933);border:1px solid #997bab;box-shadow:inset 0 1px #fff3,0 4px 0 #0a071b;border-radius:12px;min-height:86px}.arcade-game[data-game="namethattune"] .answer-btn:disabled{opacity:.8}.arcade-game[data-game="namethattune"] .answer-btn.correct{background:linear-gradient(145deg,#285b43,#123e31);border-color:#92f5ab}.arcade-game[data-game="namethattune"] .answer-btn.wrong{background:#4c1c36;border-color:#ff99be}.arcade-game[data-game="namethattune"] .answer-letter{background:linear-gradient(#c2f7ff,#55d9f0);color:#0b2230;box-shadow:inset 0 1px #fff9,0 3px #215579}.arcade-game[data-game="namethattune"] .lifeline-btn{border-color:#a184b0;color:#f3e9ff;background:#322344}.arcade-game[data-game="namethattune"] .lifeline-btn:disabled{color:#c2b6d1;background:#1d152c;opacity:.65}
.arcade-game[data-game="rikki"] .rikki-frame{max-width:720px;border:2px solid #67c6d6;border-radius:18px;background:#061824 url('/images/games/rikki-garden.webp') center/cover;box-shadow:inset 0 0 35px #000,0 0 0 6px #101325,0 0 0 7px #52797a,0 24px 60px #0009,0 0 38px #00d9ff20}
.arcade-game[data-game="rikki"] .rikki-frame:fullscreen{max-width:none}
.arcade-game[data-game="rikki"] .rikki-overlay{background:linear-gradient(#07172499,#091828f5 65%),url('/images/games/rikki-garden.webp') center/cover;padding:16px 24px}
.arcade-game[data-game="rikki"] .rikki-overlay h2{font-family:Outfit,sans-serif;font-weight:900;letter-spacing:-.04em;color:#eeffd9;-webkit-text-fill-color:initial;background:none;text-shadow:0 3px #254859;font-size:clamp(28px,5vw,48px)}
.rikki-intro-art{position:relative;width:min(100%,430px);height:140px;flex-shrink:0;margin-bottom:4px}.rikki-intro-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 8px 12px #0008)}.rikki-intro-art img:first-child{width:78%;height:155px;left:0;bottom:-10px}.rikki-intro-art img:last-child{width:32%;height:145px;right:0;bottom:0}
.arcade-game[data-game="rikki"] .rikki-hud{top:10px;right:10px;left:10px}.arcade-game[data-game="rikki"] .rikki-hud>div{background:#07101eea;border:1px solid #739f9e;border-radius:9px;padding:8px 12px}.arcade-game[data-game="rikki"] .hud-score{background:none;-webkit-text-fill-color:initial;color:#d2ff87;filter:none}.arcade-game[data-game="rikki"] .hud-best{color:#b9f5ff;text-shadow:none}.arcade-game[data-game="rikki"] .hud-length{color:#ffec94;text-shadow:none;font-family:Outfit,sans-serif;font-weight:900}.arcade-game[data-game="rikki"] .fs-toggle{top:auto;bottom:14px;background:#07101eed;color:#caffed;border-color:#89c3bb;text-shadow:none}.arcade-game[data-game="rikki"] .power-bar{bottom:65px;justify-content:center}.arcade-game[data-game="rikki"] .power-pill{padding:5px 8px;font-size:9px;letter-spacing:.5px}.arcade-game[data-game="rikki"] .legend-grid{gap:5px}.arcade-game[data-game="rikki"] .legend-grid div{background:#071723c9;border-color:#537a78;color:#eef7f4}.arcade-game[data-game="rikki"] .rikki-controls{margin-bottom:5px}
@media(max-width:600px){.arcade-game[data-game="wordle"] .game-container{margin:14px 10px;padding:15px 10px 24px}.arcade-game[data-game="wordle"] .wordle-board{max-width:345px;gap:8px}.arcade-game[data-game="wordle"] .wordle-row{gap:8px}.arcade-game[data-game="wordle"] .kb-row{gap:3px}.arcade-game[data-game="wordle"] .kb-key{font-size:15px}.arcade-game[data-game="rikki"] .rikki-stage{padding:10px}.arcade-game[data-game="rikki"] .rikki-overlay{padding:10px 14px}.rikki-intro-art{height:80px;width:260px}.rikki-intro-art img:first-child{height:100px}.rikki-intro-art img:last-child{height:90px}.arcade-game[data-game="rikki"] .rikki-overlay .sub{font-size:17px!important;margin:0 0 6px}.arcade-game[data-game="rikki"] .rikki-controls{font-size:12px}.arcade-game[data-game="rikki"] .legend-grid{font-size:10px;grid-template-columns:1fr 1fr;margin:6px 0}.arcade-game[data-game="rikki"] .legend-grid div{padding:4px 6px}.arcade-game[data-game="rikki"] .btn-play{margin:5px;font-size:14px!important;padding:10px 20px}.arcade-game[data-game="rikki"] .rikki-hud>div{padding:5px 8px}.arcade-game[data-game="rikki"] .hud-stats{font-size:8px}}
@media(max-width:600px){.arcade-game[data-game="rikki"] .rikki-hud{top:6px}.arcade-game[data-game="rikki"] .rikki-hud>div{padding:3px 6px}.arcade-game[data-game="rikki"] .hud-score{font-size:18px}.arcade-game[data-game="rikki"] .hud-best{font-size:8px;line-height:10px;margin-top:1px;letter-spacing:1px}.arcade-game[data-game="rikki"] .hud-stats{font-size:8px;line-height:1;margin-top:2px;letter-spacing:0}.arcade-game[data-game="rikki"] .hud-stats br{display:none}}
@media(prefers-reduced-motion:reduce){.arcade-game *, .arcade-game *::before,.arcade-game *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.arcade-game[data-game="wordle"] .wordle-cell::after{display:none}}