:root{--bg:#090b16;--panel:#111526;--line:#252a42;--text:#f7f8ff;--muted:#9da5c3;--lime:#c8ff35;--purple:#8e5bff;--pink:#ff5bbd;--cyan:#39ddff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#1c1640 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.topbar{height:74px;max-width:1160px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;font-size:1.25rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--lime);color:#0b0d13;box-shadow:5px 5px 0 var(--purple)}nav{display:flex;gap:8px}.nav-link,.back{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;padding:10px 13px;border-radius:10px}.nav-link.active,.nav-link:hover,.back:hover{color:#fff;background:#ffffff0d}main{max-width:1160px;margin:auto;padding:72px 22px 90px}.screen{display:none}.screen.active{display:block}.intro{max-width:720px}.eyebrow{color:var(--lime);font-size:.75rem;font-weight:900;letter-spacing:.18em}.intro h1{font-size:clamp(3.3rem,8vw,6.5rem);line-height:.88;letter-spacing:-.075em;margin:18px 0}.intro h1 span{color:transparent;-webkit-text-stroke:1.5px var(--text)}.intro>p:last-child{color:var(--muted);font-size:1.1rem}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px}.game-card{min-height:330px;border:1px solid var(--line);border-radius:24px;padding:24px;color:#fff;text-align:left;position:relative;overflow:hidden;cursor:pointer;transition:.25s transform,.25s border;background:var(--panel);font:inherit}.game-card:hover{transform:translateY(-7px);border-color:#ffffff60}.game-card:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.art{height:170px;display:flex;align-items:center;justify-content:center}.tiles{display:grid;grid-template-columns:repeat(2,65px);gap:7px;transform:rotate(-5deg)}.tiles i,.memory-art i{font-style:normal;font-weight:900;font-size:1.7rem;display:grid;place-items:center;aspect-ratio:1;border-radius:12px;background:#fff;color:#151627;box-shadow:5px 5px 0 #0005}.tiles i:nth-child(4){background:var(--lime)}.snake-art{font-size:2rem;letter-spacing:-3px;color:var(--lime);transform:rotate(10deg)}.memory-art{display:grid;grid-template-columns:repeat(2,62px);gap:8px;transform:rotate(5deg)}.memory-art i:nth-child(2),.memory-art i:nth-child(4){background:var(--pink)}.card-copy{display:block}.card-copy b{font-size:1.65rem;display:block}.card-copy small{font-size:.9rem;color:var(--muted)}.play{position:absolute;right:24px;bottom:24px;color:var(--lime);font-weight:800}.card-2048{background:linear-gradient(145deg,#23213b,#111526)}.card-snake{background:linear-gradient(145deg,#152b2a,#111526)}.card-memory{background:linear-gradient(145deg,#311b37,#111526)}.game-screen{max-width:650px;margin:auto}.back{margin:0 0 30px -10px}.game-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.game-heading h2,.scores-screen h2{font-size:3rem;margin:5px 0 0;letter-spacing:-.05em}.scoreboxes{display:flex;gap:8px}.scoreboxes div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 16px;text-align:center;min-width:80px}.scoreboxes small{display:block;color:var(--muted);font-size:.63rem;font-weight:800}.scoreboxes b{font-size:1.25rem}.board-2048{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#20243a;padding:10px;border-radius:18px;touch-action:none}.tile{aspect-ratio:1;display:grid;place-items:center;border-radius:10px;background:#15182a;font-size:clamp(1.25rem,6vw,2rem);font-weight:900;color:#747b99}.tile[data-v="2"]{background:#eee8dc;color:#555}.tile[data-v="4"]{background:#e8dfca;color:#555}.tile[data-v="8"]{background:#ffad57}.tile[data-v="16"]{background:#ff874d}.tile[data-v="32"]{background:#ff5f65}.tile[data-v="64"]{background:#f13d68}.tile[data-v="128"]{background:#d0f150;color:#18200a}.tile[data-v="256"]{background:#b2f04a;color:#18200a}.tile[data-v="512"],.tile[data-v="1024"],.tile[data-v="2048"]{background:var(--lime);color:#111;box-shadow:0 0 30px #c8ff3555}.game-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.primary{border:0;border-radius:12px;background:var(--lime);color:#111;padding:13px 20px;font:inherit;font-weight:900;cursor:pointer}.game-actions p{color:var(--muted);font-size:.85rem}.snake-board{background:#111526;border:1px solid var(--line);border-radius:18px;width:100%;aspect-ratio:1;display:block;touch-action:none}.snake-pad{display:grid;grid-template-columns:repeat(3,52px);justify-content:center;margin-top:14px;gap:6px}.snake-pad button{height:46px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:#fff;font-size:1.2rem}.snake-pad button:first-child{grid-column:2}.snake-pad button:nth-child(2){grid-column:1}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-card{aspect-ratio:1;border:1px solid var(--line);border-radius:14px;background:#181c32;color:transparent;font-size:2rem;cursor:pointer;transition:.2s}.memory-card.open,.memory-card.done{background:var(--purple);color:#fff;transform:rotateY(180deg)}.memory-card.done{background:#243621;color:var(--lime)}.scores-screen{max-width:700px}.score-list{margin-top:30px;display:grid;gap:10px}.score-row{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.score-row b:last-child{color:var(--lime);font-size:1.4rem}footer{max-width:1160px;margin:auto;padding:30px 22px;border-top:1px solid #ffffff12;color:var(--muted);display:flex;justify-content:space-between;font-size:.85rem}footer span:first-child{color:#fff;font-weight:900}@media(max-width:750px){main{padding-top:45px}.game-grid{grid-template-columns:1fr;margin-top:40px}.game-card{min-height:250px}.art{height:115px}.intro h1{font-size:3.7rem}.game-heading{align-items:center}.game-heading h2{font-size:2.3rem}.scoreboxes div{min-width:65px;padding:7px 10px}.game-actions{align-items:flex-start;gap:16px}.game-actions p{text-align:right}.memory-board{gap:7px}.topbar{height:66px}}