:root{--bg:#0b0d12;--panel:#12151c;--panel2:#171b24;--line:#292f3d;--text:#f4f1e8;--muted:#a8adba;--gold:#d6ad62;--gold2:#f0cd82;--steel:#8ca7bc;--danger:#e27d7d;--ok:#77c69a;--shadow:0 24px 70px rgba(0,0,0,.35);--radius:18px}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 70% -10%,rgba(214,173,98,.12),transparent 30rem),linear-gradient(180deg,#0b0d12,#0a0c11 65%);letter-spacing:.01em}button,a{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:#fff;color:#000;padding:.7rem 1rem;border-radius:8px}.site-header,.site-footer{max-width:1240px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.site-header{border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none}.brand-mark{width:38px;height:38px;border:1px solid rgba(214,173,98,.55);display:grid;place-items:center;border-radius:12px;color:var(--gold2);background:rgba(214,173,98,.08);box-shadow:inset 0 0 30px rgba(214,173,98,.05)}.brand strong{font-family:Georgia,serif;font-size:1.05rem}.brand small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;margin-top:2px}.header-actions{display:flex;gap:18px;align-items:center}.live-pill{display:inline-flex;align-items:center;gap:7px;color:#cfead9;border:1px solid rgba(119,198,154,.28);background:rgba(119,198,154,.07);border-radius:999px;padding:6px 10px;font-size:.76rem}.live-dot{width:6px;height:6px;background:var(--ok);border-radius:50%;box-shadow:0 0 10px var(--ok)}.subtle-link{color:var(--muted);text-decoration:none;font-size:.85rem}.subtle-link:hover{color:var(--text)}main{max-width:1240px;margin:auto;padding:0 28px}.home-view{padding:72px 0 40px}.hero{max-width:770px}.eyebrow,.panel-label{font-size:.7rem;line-height:1.2;letter-spacing:.17em;text-transform:uppercase;color:var(--gold2);font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6.9rem);line-height:.94;letter-spacing:-.045em;margin:18px 0 24px;font-weight:500}.hero h1 span{color:#8f98a9}.hero-copy{max-width:670px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65;color:var(--muted)}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-meta span{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:999px;padding:8px 11px;color:#bec3ce;font-size:.8rem}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:64px}.game-card{position:relative;text-align:left;padding:22px;min-height:185px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));color:var(--text);cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s,background .18s}.game-card:hover,.game-card:focus-visible{transform:translateY(-3px);border-color:rgba(214,173,98,.58);background:linear-gradient(145deg,rgba(214,173,98,.07),rgba(255,255,255,.018));outline:none}.game-card .icon{font-size:2.1rem;display:block;margin-bottom:28px}.game-card h3{font-family:Georgia,serif;font-size:1.3rem;margin:0 0 7px}.game-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.game-card .card-key{position:absolute;right:18px;top:18px;color:#616a7b;font-family:ui-monospace,monospace;font-size:.68rem}.privacy-note{text-align:center;color:#687184;font-size:.78rem;padding:44px 0}.play-view{padding:38px 0 60px}.play-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:22px}.play-title-wrap{text-align:center}.play-title-wrap h2{font-family:Georgia,serif;margin:4px 0 0;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:500}.play-topbar #new-btn{justify-self:end}.btn{border:1px solid rgba(214,173,98,.45);background:rgba(214,173,98,.11);color:var(--text);padding:10px 14px;border-radius:11px;cursor:pointer;transition:.16s}.btn:hover,.btn:focus-visible{border-color:var(--gold2);background:rgba(214,173,98,.17);outline:none}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.02);color:var(--muted)}.btn-wide{width:100%}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.game-shell,.panel-card{border:1px solid var(--line);background:rgba(18,21,28,.82);border-radius:var(--radius);box-shadow:var(--shadow)}.game-shell{min-height:680px;padding:20px;display:flex;flex-direction:column}.game-status{min-height:30px;text-align:center;color:#c7cbd4;font-size:.9rem;padding-bottom:8px}.game-root{flex:1;display:grid;place-items:center;outline:none;overflow:auto}.side-panel{display:flex;flex-direction:column;gap:12px;position:sticky;top:18px}.panel-card{padding:17px}.panel-label{margin:0 0 13px}.controls-list{display:flex;flex-direction:column;gap:9px}.control-row{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:.78rem}.keys{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.key{border:1px solid #343b4c;background:#0e1117;border-bottom-width:2px;border-radius:6px;color:#d4d7df;min-width:25px;padding:3px 6px;text-align:center;font-family:ui-monospace,monospace;font-size:.66rem}.session-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{border:1px solid var(--line);border-radius:10px;padding:10px}.stat b{display:block;font-family:ui-monospace,monospace;font-size:1rem}.stat span{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.site-footer{color:#687184;font-size:.75rem;border-top:1px solid rgba(255,255,255,.05);margin-top:16px}
.board{display:grid;user-select:none;touch-action:manipulation}.cell{display:grid;place-items:center;border:0;padding:0;cursor:pointer;color:var(--text);background:transparent}.cell:focus-visible,.cell.focused{outline:2px solid var(--gold2);outline-offset:-3px;z-index:2}.message-win{color:var(--ok)}.message-loss{color:var(--danger)}.game-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.mini-btn{border:1px solid var(--line);background:#11151d;color:var(--muted);border-radius:9px;padding:8px 10px;cursor:pointer}.mini-btn:hover,.mini-btn:focus-visible{border-color:#596275;color:var(--text);outline:none}
.ttt{grid-template-columns:repeat(3,112px);border:1px solid #3a4252;border-radius:15px;overflow:hidden}.ttt .cell{width:112px;height:112px;border:1px solid #3a4252;font-family:Georgia,serif;font-size:3.3rem}.ttt .x{color:var(--gold2)}.ttt .o{color:var(--steel)}
.mines{grid-template-columns:repeat(9,38px);gap:3px;background:#0e1117;padding:8px;border-radius:12px}.mine-cell{width:38px;height:38px;background:#202633;border:1px solid #343c4d;border-radius:5px;font-weight:800;font-size:.8rem}.mine-cell.revealed{background:#11151d;border-color:#212734;cursor:default}.mine-cell.flagged{color:var(--gold2)}.n1{color:#7cb5ff}.n2{color:#7ed39a}.n3{color:#ef8e8e}.n4{color:#c3a1ff}.n5{color:#eab879}
.sudoku-wrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:center}.sudoku{grid-template-columns:repeat(9,48px);border:2px solid #535d70}.sudoku .cell{width:48px;height:48px;border:1px solid #272e3c;background:#11151c;font-size:1.05rem}.sudoku .cell:nth-child(3n){border-right:2px solid #535d70}.sudoku .cell:nth-child(9n){border-right:0}.sudoku .cell:nth-child(n+19):nth-child(-n+27),.sudoku .cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #535d70}.sudoku .given{color:#eef0f5;background:#171c25;font-weight:700}.sudoku .user{color:var(--gold2)}.sudoku .wrong{background:rgba(226,125,125,.15);color:#ff9d9d}.num-pad{display:grid;grid-template-columns:repeat(3,46px);gap:6px}.num-pad button{height:46px;border:1px solid var(--line);background:#171c25;color:var(--text);border-radius:9px;cursor:pointer}
.g2048{grid-template-columns:repeat(4,84px);gap:7px;padding:8px;border-radius:14px;background:#202633}.tile{width:84px;height:84px;border-radius:9px;background:#151922;display:grid;place-items:center;font-weight:800;font-size:1.35rem}.tile[data-v="2"]{background:#222b35}.tile[data-v="4"]{background:#2a3440}.tile[data-v="8"]{background:#725a32}.tile[data-v="16"]{background:#8b5b33}.tile[data-v="32"]{background:#9d4d3d}.tile[data-v="64"]{background:#9c3d38}.tile[data-v="128"],.tile[data-v="256"],.tile[data-v="512"],.tile[data-v="1024"],.tile[data-v="2048"]{background:#9a7939;color:#fff1b7}.dpad{display:grid;grid-template-columns:repeat(3,44px);gap:5px;margin-top:16px}.dpad button{width:44px;height:40px}.dpad .up{grid-column:2}.dpad .left{grid-row:2;grid-column:1}.dpad .down{grid-row:2;grid-column:2}.dpad .right{grid-row:2;grid-column:3}
.c4{grid-template-columns:repeat(7,58px);gap:5px;background:#1d4779;padding:10px;border-radius:14px}.c4 .cell{width:58px;height:58px;border-radius:50%;background:#0d1118;border:3px solid #2760a2}.c4 .p1{background:#e9ba58}.c4 .p2{background:#c86666}
.snake-canvas,.tetris-canvas{background:#0d1117;border:1px solid #303848;border-radius:12px;image-rendering:pixelated;max-width:100%;height:auto}.arcade-wrap{text-align:center}
.memory{grid-template-columns:repeat(4,90px);gap:8px}.memory .cell{width:90px;height:90px;border:1px solid #354052;border-radius:11px;background:#171c25;font-size:2rem;transform-style:preserve-3d}.memory .hidden-card{font-size:0;background:linear-gradient(135deg,#1c222d,#12161e)}.memory .hidden-card::after{content:"◆";font-size:1.2rem;color:#465064}.memory .matched{border-color:rgba(119,198,154,.45);background:rgba(119,198,154,.08)}
.checkerboard{grid-template-columns:repeat(8,58px);border:1px solid #343c4c}.checkerboard .cell{width:58px;height:58px;font-size:2.15rem}.light{background:#b8ad96;color:#15181e}.dark{background:#4f5966}.checkerboard .selected{box-shadow:inset 0 0 0 4px var(--gold2)}.checkerboard .legal{box-shadow:inset 0 0 0 4px rgba(119,198,154,.75)}.piece-red{color:#8f2323;text-shadow:0 1px #e69494}.piece-cream{color:#f1e2be;text-shadow:0 1px #6f6550}.chess .cell{font-family:"Segoe UI Symbol","Noto Sans Symbols",serif;font-size:2.55rem}.chess .light{background:#d5c8aa}.chess .dark{background:#697581}.chess .white-piece{color:#f8f1df;text-shadow:0 1px 2px #111}.chess .black-piece{color:#15181e;text-shadow:0 1px 1px #bfc5cc}
.solitaire-table{width:min(850px,100%);min-height:560px;background:radial-gradient(circle at 50% 40%,#174934,#0b2e21);border:1px solid #2b5a46;border-radius:18px;padding:18px;position:relative}.sol-top,.sol-columns{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.sol-top{margin-bottom:28px}.sol-columns{align-items:start}.card-slot{width:78px;height:108px;border:1px dashed rgba(255,255,255,.24);border-radius:8px;display:grid;place-items:center;color:rgba(255,255,255,.3);font-size:.75rem;position:relative}.playing-card{width:78px;height:108px;border-radius:8px;background:#f7f2e7;color:#181b22;border:1px solid #d5ccba;padding:7px;box-shadow:0 3px 8px rgba(0,0,0,.3);font-weight:800;cursor:pointer;position:relative}.playing-card.red{color:#b12431}.playing-card.back{background:repeating-linear-gradient(45deg,#223b6c,#223b6c 6px,#315085 6px,#315085 12px);border:4px solid #e7e0d2}.playing-card.selected{outline:3px solid var(--gold2);transform:translateY(-3px)}.col-stack{min-height:130px;position:relative}.col-stack .playing-card{position:absolute;left:0}.sol-top .stock{grid-column:1}.sol-top .waste{grid-column:2}.foundation-wrap{grid-column:4/8;display:grid;grid-template-columns:repeat(4,78px);gap:10px}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-layout{grid-template-columns:1fr}.side-panel{position:static;display:grid;grid-template-columns:1fr 1fr}.side-panel .btn-wide{grid-column:1/-1}.game-shell{min-height:560px}.checkerboard .cell{width:50px;height:50px}.sudoku .cell{width:42px;height:42px}.sudoku{grid-template-columns:repeat(9,42px)}}
@media(max-width:600px){.site-header,.site-footer,main{padding-left:16px;padding-right:16px}.header-actions .subtle-link{display:none}.home-view{padding-top:48px}.hero h1{font-size:clamp(2.8rem,16vw,4.6rem)}.game-grid{grid-template-columns:1fr}.game-card{min-height:150px}.play-topbar{grid-template-columns:auto 1fr auto}.play-title-wrap .eyebrow{display:none}.play-title-wrap h2{font-size:1.25rem}.btn{padding:9px 10px;font-size:.78rem}.game-shell{padding:10px;min-height:520px}.side-panel{grid-template-columns:1fr}.ttt{grid-template-columns:repeat(3,88px)}.ttt .cell{width:88px;height:88px}.mines{grid-template-columns:repeat(9,31px);gap:2px}.mine-cell{width:31px;height:31px}.sudoku{grid-template-columns:repeat(9,34px)}.sudoku .cell{width:34px;height:34px;font-size:.9rem}.num-pad{grid-template-columns:repeat(5,40px)}.g2048{grid-template-columns:repeat(4,67px)}.tile{width:67px;height:67px;font-size:1.05rem}.c4{grid-template-columns:repeat(7,40px);gap:3px}.c4 .cell{width:40px;height:40px}.memory{grid-template-columns:repeat(4,66px)}.memory .cell{width:66px;height:66px}.checkerboard .cell{width:39px;height:39px;font-size:1.75rem}.chess .cell{font-size:2rem}.solitaire-table{overflow-x:auto}.sol-top,.sol-columns{min-width:650px}.site-footer{gap:12px;flex-direction:column;align-items:flex-start}}