.arcade-nav{width:min(1120px,calc(100% - 36px));margin:24px auto -20px;display:flex;align-items:center;justify-content:space-between}.arcade-brand{font:700 13px 'DM Mono',monospace;letter-spacing:1px;color:#142226;text-decoration:none}.arcade-tab,.difficulty button,.mine-toolbar>button,.mine-stats button{border:1px solid #cbd3c9;background:#f4f6f0;color:#526260;font:700 10px 'DM Mono',monospace;padding:9px 11px;cursor:pointer}.arcade-tab.active,.difficulty button.active{background:#142226;color:#cffb4b;border-color:#142226}.mine-game{padding:30px;border-right:1px solid #d8ded5;min-height:660px}.mine-toolbar,.mine-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:27px 0 16px}.difficulty{display:flex}.difficulty button+button{border-left:0}.mine-toolbar>button{background:#cffb4b;color:#142226;border-color:#b6dd39}.mine-stats{margin:0 0 18px;padding:12px 14px;background:#f1f4ed;border:1px solid #e0e5dd;font:11px 'DM Mono',monospace;color:#667573}.mine-stats b{font-size:15px;color:#ff4f8c}.mine-stats button.active{background:#ff4f8c;border-color:#ff4f8c;color:#fff}.mine-board{--mine-grid:9;display:grid;grid-template-columns:repeat(var(--mine-grid),1fr);max-width:600px;aspect-ratio:1;background:#142226;padding:7px;gap:2px;box-shadow:8px 8px #c7d0c1}.mine-cell{min-width:0;border:0;background:#426066;color:#edf6da;font:700 clamp(10px,2.5vw,19px) 'DM Mono',monospace;cursor:pointer;aspect-ratio:1}.mine-cell:hover{background:#567176}.mine-cell.revealed{background:#e8eee4;color:#142226}.mine-cell.revealed:not(.mine):not(:empty){color:#ff4f8c}.mine-cell.mine{background:#ff4f8c;color:#fff}.mine-cell.flagged{color:#cffb4b}.mine-help{font:10px 'DM Mono',monospace;letter-spacing:.4px;color:#697976;margin:21px 0 0}.mine-mode aside{display:none}.mine-mode{grid-template-columns:1fr;max-width:790px}.mine-mode .mine-game{border-right:0}@media(max-width:760px){.arcade-nav{width:100%;margin:0;padding:14px 15px;background:#142226}.arcade-brand{color:#cffb4b;font-size:11px}.arcade-tab{padding:8px;font-size:9px}.mine-game{padding:18px 15px;min-height:auto;border:0}.mine-toolbar{margin:20px 0 14px}.mine-toolbar>button,.difficulty button{padding:8px 7px;font-size:9px}.mine-stats{font-size:9px}.mine-stats button{padding:7px;font-size:8px}.mine-board{box-shadow:5px 5px #c7d0c1}.mine-help{font-size:9px}.mine-mode{max-width:none}}
.mine-leaderboard{max-width:600px;margin-top:34px;padding:22px;background:#142226;color:#edf6da;display:grid;grid-template-columns:1fr auto;gap:13px;font:11px 'DM Mono',monospace}.mine-leaderboard h2{margin:4px 0 0;font:700 22px 'Syne',sans-serif;letter-spacing:-1px}.mine-leaderboard h2 i{color:#cffb4b}.mine-leaderboard>small{align-self:end;color:#cffb4b}.mine-leaderboard ol,.mine-submit{grid-column:1/-1;margin:0;padding:0;list-style:none}.mine-leaderboard li{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #30474a}.mine-leaderboard li.empty{display:block;color:#9aaba9}.mine-submit>div{display:flex;margin-top:8px}.mine-submit input{min-width:0;flex:1;border:0;padding:11px;background:#f1f4ed;font:11px 'DM Mono',monospace}.mine-submit button,.mine-leaderboard>#mine-refresh{border:0;background:#cffb4b;color:#142226;padding:11px;font:700 10px 'DM Mono',monospace;cursor:pointer}.mine-leaderboard>#mine-refresh{grid-column:1/-1;justify-self:start}@media(max-width:760px){.mine-stats{gap:6px}.mine-leaderboard{margin-top:26px;padding:17px}.mine-leaderboard h2{font-size:19px}}
.leaderboard-panel{display:flex;flex:1;flex-direction:column}.leaderboard-panel[hidden]{display:none}.mine-mode aside{display:flex!important}.mine-mode{grid-template-columns:1.42fr .7fr!important;max-width:1120px!important}.mine-mode .mine-game{border-right:1px solid #d8ded5!important}@media(max-width:760px){.mine-mode{display:block!important;max-width:none!important}.mine-mode .mine-game{border-right:0!important}}
.breakout-game{padding:30px;border-right:1px solid #d8ded5;min-height:660px}.breakout-arena{position:relative;aspect-ratio:1;background:#142226;box-shadow:8px 8px #c7d0c1;touch-action:none}.breakout-arena canvas{display:block;width:100%;height:100%}.breakout-controls{grid-template-columns:1fr 1fr 1fr}.breakout-controls button{font-size:24px}.breakout-controls #breakout-launch{background:#cffb4b;color:#142226}.breakout-game .logo>b{border-radius:8px;transform:none;font-size:19px}.breakout-legend span:nth-child(1){color:#68d8ff}.breakout-legend span:nth-child(2){color:#cffb4b}@media(max-width:760px){.breakout-game{padding:18px 15px;min-height:auto;border:0}.breakout-arena{box-shadow:5px 5px #c7d0c1}.breakout-controls{display:grid}}
.shooter-game{padding:30px;border-right:1px solid #d8ded5;min-height:660px}.shooter-game .logo>b{border-radius:50%;transform:none;background:#68d8ff}.shooter-arena{position:relative;aspect-ratio:1;background:#142226;box-shadow:8px 8px #c7d0c1;touch-action:none}.shooter-arena canvas{display:block;width:100%;height:100%}@media(max-width:760px){.shooter-game{padding:18px 15px;min-height:auto;border:0}.shooter-arena{box-shadow:5px 5px #c7d0c1}}
.game[hidden],.mine-game[hidden],.breakout-game[hidden],.shooter-game[hidden],.flappy-game[hidden],.stack-game[hidden],.tower-game[hidden],.storm-game[hidden],.pong-game[hidden],.leaderboard-panel[hidden]{display:none!important}
.flappy-game{padding:30px;border-right:1px solid #d8ded5;min-height:660px}.flappy-game .logo>b{border-radius:50% 8px 50% 8px;transform:none;background:#cffb4b}.flappy-arena{position:relative;aspect-ratio:1;background:#142226;box-shadow:8px 8px #c7d0c1;touch-action:manipulation}.flappy-arena canvas{display:block;width:100%;height:100%}.flappy-boost{display:block;width:100%;margin-top:20px;min-height:52px;border:0;background:#cffb4b;color:#142226;font:700 16px 'Space Grotesk';box-shadow:4px 4px #8aaa2a;touch-action:manipulation}@media(max-width:760px){.flappy-game{padding:18px 15px;min-height:auto;border:0}.flappy-arena{box-shadow:5px 5px #c7d0c1}.flappy-boost{min-height:58px}}
.stack-game{padding:30px;border-right:1px solid #d8ded5;min-height:660px}.stack-game .logo>b{border-radius:7px;transform:none;background:#ff4f8c}.stack-arena{position:relative;width:min(100%,400px);margin-inline:auto;aspect-ratio:2/3;background:#142226;box-shadow:8px 8px #c7d0c1;touch-action:none}.stack-arena canvas{display:block;width:100%;height:100%}.stack-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.stack-controls button{min-height:52px;border:0;background:#142226;color:#cffb4b;font:700 22px 'DM Mono',monospace;box-shadow:3px 3px #9daaa0;touch-action:manipulation}.stack-controls button[data-stack-action="down"]{grid-column:1/2}.stack-controls button[data-stack-action="drop"]{grid-column:2/4;background:#cffb4b;color:#142226;font-size:13px}.stack-controls button:active{transform:translate(2px,2px);box-shadow:1px 1px #9daaa0}@media(max-width:760px){.arcade-nav{overflow-x:auto;gap:12px}.arcade-nav>div{display:flex;flex:none}.stack-game{padding:18px 15px;min-height:auto;border:0}.stack-arena{box-shadow:5px 5px #c7d0c1}.stack-controls button{min-height:58px}}
.tower-game{padding:30px;border-right:1px solid #d8ded5;min-height:660px}.tower-game .logo>b{border-radius:4px;transform:none;background:#68d8ff}.tower-arena{position:relative;aspect-ratio:1;background:#142226;box-shadow:8px 8px #c7d0c1;touch-action:manipulation}.tower-arena canvas{display:block;width:100%;height:100%}.tower-stack-button{display:block;width:100%;margin-top:20px;min-height:54px;border:0;background:#cffb4b;color:#142226;font:700 15px 'Space Grotesk';box-shadow:4px 4px #8aaa2a;touch-action:manipulation}.tower-stack-button:active{transform:translate(2px,2px);box-shadow:2px 2px #8aaa2a}@media(max-width:760px){.tower-game{padding:18px 15px;min-height:auto;border:0}.tower-arena{box-shadow:5px 5px #c7d0c1}.tower-stack-button{min-height:62px;font-size:17px}}
.storm-game{padding:30px;border-right:1px solid #d8ded5;min-height:660px}.storm-game .logo>b{border-radius:50% 50% 8px 50%;transform:none;background:#c77dff}.storm-arena{position:relative;aspect-ratio:1;background:#142226;box-shadow:8px 8px #c7d0c1;touch-action:none}.storm-arena canvas{display:block;width:100%;height:100%}.storm-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.storm-controls button{min-height:54px;border:0;background:#142226;color:#cffb4b;font:700 25px 'Space Grotesk';box-shadow:3px 3px #9daaa0;touch-action:none}.storm-controls button:active{background:#cffb4b;color:#142226}@media(max-width:760px){.storm-game{padding:18px 15px;min-height:auto;border:0}.storm-arena{box-shadow:5px 5px #c7d0c1}.storm-controls button{min-height:62px}}
.pong-game{padding:30px;border-right:1px solid #d8ded5;min-height:660px}.pong-game .logo>b{border-radius:50%;transform:none;background:#cffb4b}.pong-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 0;font:700 9px 'DM Mono',monospace;color:#71807d}.pong-toolbar>div{display:flex}.pong-toolbar button{border:1px solid #cbd3c9;background:#f4f6f0;color:#526260;padding:7px 9px;font:700 9px 'DM Mono',monospace}.pong-toolbar button+button{border-left:0}.pong-toolbar button.active{background:#142226;color:#cffb4b}.pong-arena{position:relative;aspect-ratio:1;background:#142226;box-shadow:8px 8px #c7d0c1;touch-action:none}.pong-arena canvas{display:block;width:100%;height:100%}.pong-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.pong-controls button{min-height:54px;border:0;background:#142226;color:#cffb4b;font:700 25px 'Space Grotesk';box-shadow:3px 3px #9daaa0;touch-action:none}.pong-controls button:active{background:#cffb4b;color:#142226}@media(max-width:760px){.pong-game{padding:18px 15px;min-height:auto;border:0}.pong-toolbar{margin-top:17px}.pong-arena{box-shadow:5px 5px #c7d0c1}.pong-controls button{min-height:62px}}