/* Arcade: responsive, eight entirely separate mini-games */
.arcade-root{height:100%;overflow-y:auto;background:linear-gradient(130deg,#0c1225,#080b1a);color:#e7f4ff;padding:22px;font:12px/1.5 ui-sans-serif,system-ui,sans-serif}
.arcade-intro{border-bottom:1px solid #2b3b5d;margin-bottom:18px;padding-bottom:15px;background:radial-gradient(ellipse at top right,#83126445,transparent 60%)}.arcade-intro h2{font-weight:950;font-size:clamp(26px,4vw,41px);line-height:1.04;letter-spacing:-.05em;margin:7px 0 8px}.arcade-intro h2 em{font-style:normal;color:#ff38dc}.arcade-intro p{color:#b5c6dc;font-size:12px;max-width:620px}.arcade-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#67e9f3;font:10px ui-monospace,monospace;letter-spacing:.1em}
.arcade-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.arcade-tile{display:flex;flex-direction:column;gap:7px;padding:13px 11px;background:linear-gradient(155deg,#161d38,#0a1125);border:1px solid #344866;border-radius:10px;text-align:left;min-height:180px;color:#f5f9ff;transition:transform .16s,border-color .15s,box-shadow .15s}.arcade-tile:hover,.arcade-tile:focus-visible{border-color:#00e8fb;box-shadow:0 0 18px #00dfff2b;transform:translateY(-2px)}.arcade-tile:nth-child(2n):hover{border-color:#ef4bd6;box-shadow:0 0 15px #f424cc30}.arcade-tile-index{font:9px ui-monospace,monospace;color:#69dce8;letter-spacing:.13em}.arcade-tile-symbol{font-size:32px;line-height:1.2;filter:drop-shadow(0 0 12px #36ffff44)}.arcade-tile strong{font-size:12px;line-height:1.18}.arcade-tile-copy{color:#b2c6df;font-size:10px;line-height:1.35;flex:1}.arcade-tile small{font:9px ui-monospace,monospace;color:#aa91dd}.arcade-best{font:9px ui-monospace,monospace;color:#73fab0}
.arcade-playbar{display:flex;align-items:center;justify-content:space-between;gap:13px;border-bottom:1px solid #2d4262;padding:0 0 12px}.arcade-playbar>div{display:flex;flex-direction:column;gap:2px;text-align:center}.arcade-playbar>div strong{font-size:16px;color:white}.arcade-playbar>div small{font-size:9px;color:#b5c1d8}.arcade-playbar button,.arcade-controls button,.arcade-mode{color:#80f8ff;border:1px solid #3684a1;background:#102338;border-radius:7px;padding:9px 11px;font:10px ui-monospace,monospace;white-space:nowrap}.arcade-playbar button:hover,.arcade-controls button:hover{background:#17415b}
.arcade-playarea{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0 0;min-width:0}.arcade-scoreline{text-align:center;letter-spacing:.06em;font:11px ui-monospace,monospace;color:#87fafa;min-height:20px}.game-arena{max-width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.arcade-canvas{display:block;max-width:100%;width:min(420px,100%);height:auto;border:1px solid #41617c;background:#071022;border-radius:9px;touch-action:none;image-rendering:pixelated;box-shadow:0 0 16px #00bafc14}.arcade-help{font:10px ui-monospace,monospace;letter-spacing:.11em;color:#9cb4c8;text-align:center}.arcade-controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.arcade-controls button{font-size:17px;min-width:42px;min-height:38px}
.mines-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:min(360px,100%);gap:3px}.mine-cell{aspect-ratio:1;border:1px solid #365270;background:#1a2e49;color:#e8f6ff;font:bold 14px ui-monospace,monospace;border-radius:4px;padding:0;min-width:0}.mine-cell:hover:not(.revealed){background:#266385}.mine-cell.revealed{background:#091727;border-color:#1b344b;color:#71dafa}.mine-cell[data-n="1"]{color:#69c7ff}.mine-cell[data-n="2"]{color:#53f4b1}.mine-cell[data-n="3"]{color:#ff77b4}.mine-cell[data-n="4"]{color:#ba9cff}.mine-cell.bomb{background:#80264a}.arcade-mode{margin-top:4px}
.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;width:min(340px,100%)}.memory-card{height:66px;background:linear-gradient(135deg,#162e49,#15214e);border:1px solid #43708f;color:#06f5fd;font-size:30px;border-radius:10px;box-shadow:inset 0 1px #ffffff1e;transition:background .12s}.memory-card.revealed{background:#3c255e;color:#fff}.memory-card.matched{background:#0f423d;color:#75ffcb;border-color:#64e8bd}.memory-card:hover{border-color:#42dffe}
.tiles2048{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(350px,100%);aspect-ratio:1;background:#192335;padding:8px;border-radius:12px;touch-action:none}.tile2048{display:grid;place-items:center;border-radius:7px;background:#11192b;color:#e8f1ff;font:bold clamp(20px,4vw,33px) ui-monospace,monospace}.tile2048[data-val="2"]{background:#234c63}.tile2048[data-val="4"]{background:#296b86}.tile2048[data-val="8"]{background:#397bb4}.tile2048[data-val="16"]{background:#654bc0}.tile2048[data-val="32"]{background:#9454b5}.tile2048[data-val="64"]{background:#b04b9b}.tile2048[data-val="128"],.tile2048[data-val="256"]{background:#d2529b}.tile2048[data-val="512"],.tile2048[data-val="1024"],.tile2048[data-val="2048"]{background:#e7a23b;color:#221d2b}
.typing-field{width:min(420px,100%);height:280px;background:repeating-linear-gradient(0deg,transparent 0 22px,#2b345633 23px),linear-gradient(#060e25,#0f1940);border:1px solid #425b89;border-bottom:5px solid #f23fd6;border-radius:8px;position:relative;overflow:hidden}.fall-word{position:absolute;padding:5px 7px;background:#06293c;border:1px solid #28dafa;border-radius:5px;color:#e4faff;font:12px ui-monospace,monospace;white-space:nowrap}.typing-input{width:min(420px,100%);background:#0a1731;border:1px solid #356d88;border-radius:7px;color:#fff;padding:11px;font:14px ui-monospace,monospace}
.tictac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:min(320px,100%)}.ttt-cell{aspect-ratio:1;background:#10243e;border:1px solid #346886;border-radius:12px;color:#00e8f7;font:bold 58px ui-monospace,monospace}.ttt-cell[data-value="O"]{color:#ff46cf}.ttt-cell:hover:not(:disabled){background:#1d365b}.ttt-cell:disabled{opacity:1}
@media(max-width:720px){.arcade-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-tile{min-height:165px}.arcade-root{padding:13px}.arcade-playbar{gap:5px}.arcade-playbar button{font-size:9px;padding:8px 5px}.arcade-playbar>div strong{font-size:13px}.arcade-playbar>div small{display:none}.arcade-tile-symbol{font-size:28px}.arcade-playarea{padding-top:8px}.memory-card{height:55px}}
@media(max-width:350px){.arcade-menu{gap:6px}.arcade-tile{padding:10px 7px}.arcade-tile strong{font-size:10px}}