:root{--navy:#063b67;--deep:#032846;--green:#2ca248;--gold:#ffca3a;--red:#e45151;--ink:#15324a;--muted:#657b8e;--line:#dbe7ef;--paper:#fff;--shadow:0 24px 60px rgba(5,55,94,.14)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(145deg,#f6fbfe,#ecf8f0);line-height:1.5}a{color:inherit}.wrap{width:min(1080px,calc(100% - 34px));margin:auto}.top{padding:8px 15px;text-align:center;background:var(--deep);color:#dceaf3;font-size:.8rem;font-weight:850}.nav{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.navin{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}.home,.nav a{text-decoration:none;font-weight:900;color:var(--navy)}.navlinks{display:flex;gap:18px;font-size:.82rem}.hero{text-align:center;padding:43px 0 22px}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#19853a;font-weight:950}.hero h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:.96;letter-spacing:-.05em;color:var(--deep);margin:9px 0 14px}.hero p{color:var(--muted);max-width:690px;margin:auto}.game-shell{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:26px;margin:15px auto 55px;max-width:900px}.game-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}.status{font-weight:900;color:var(--navy)}button{font:inherit}.btn{border:0;border-radius:12px;padding:12px 17px;background:linear-gradient(135deg,var(--green),#19853a);color:#fff;font-weight:950;cursor:pointer}.btn.secondary{background:var(--navy)}.btn.light{background:#eef5f9;color:var(--navy);border:1px solid var(--line)}.game-note{margin:18px 0 0;color:var(--muted);font-size:.88rem}.board{margin:auto;max-width:620px}.checkers-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:8px solid #6c4325;border-radius:8px;background:#ead0a7}.checkers-cell{border:0;border-radius:0;padding:0;display:grid;place-items:center;background:#f2dcb9}.checkers-cell.dark{background:#8a5a35}.piece{width:72%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 -8px 0 rgba(0,0,0,.18),0 3px 5px rgba(0,0,0,.25);border:3px solid rgba(255,255,255,.35)}.piece.red{background:#df3c3c}.piece.black{background:#1e2830}.piece.king:after{content:'★';color:var(--gold);font-size:clamp(.8rem,4vw,2rem)}.checkers-cell.selected{box-shadow:inset 0 0 0 5px var(--gold)}.checkers-cell.move{box-shadow:inset 0 0 0 5px #46c867}.connect-board{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;background:#1769c2;padding:12px;border-radius:18px;max-width:650px}.connect-cell{aspect-ratio:1;border:0;border-radius:50%;background:#e8f0f5;box-shadow:inset 0 5px 8px rgba(0,0,0,.18);cursor:pointer}.connect-cell.red{background:#e94e4e}.connect-cell.yellow{background:#ffcf33}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:480px}.ttt-cell{aspect-ratio:1;border:0;border-radius:16px;background:#edf5f9;color:var(--navy);font-size:clamp(2.5rem,12vw,6rem);font-weight:950;cursor:pointer}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);max-width:600px;border:3px solid var(--deep)}.sudoku-cell{width:100%;aspect-ratio:1;border:1px solid #b8cad6;border-radius:0;text-align:center;font-size:clamp(1rem,4vw,1.65rem);font-weight:800;padding:0;background:#fff}.sudoku-cell:nth-child(3n){border-right:3px solid var(--deep)}.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:3px solid var(--deep)}.sudoku-cell.given{background:#eaf2f7;color:var(--deep)}.sudoku-cell.bad{background:#ffe5e5}.domino-table{background:#17643f;border-radius:22px;padding:22px;min-height:330px;color:#fff}.domino-chain,.domino-hand{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;align-items:center}.domino-chain{min-height:150px}.domino-hand{margin-top:20px}.domino{display:inline-flex;background:#fff;color:#182733;border:2px solid #d4dde2;border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.2);padding:0;overflow:hidden}.domino span{display:grid;place-items:center;width:38px;height:48px;font-size:1.1rem;font-weight:950}.domino span+span{border-left:2px solid #344957}.domino.playable{outline:3px solid var(--gold);cursor:pointer}.wheel-wrap{display:grid;place-items:center;gap:24px}.wheel-stage{position:relative;width:min(520px,90vw);aspect-ratio:1}.wheel{width:100%;height:100%;border-radius:50%;border:12px solid var(--deep);box-shadow:var(--shadow);background:conic-gradient(#2ca248 0 30deg,#e45151 30deg 60deg,#2ca248 60deg 90deg,#e45151 90deg 120deg,#ffca3a 120deg 150deg,#2ca248 150deg 180deg,#e45151 180deg 210deg,#2ca248 210deg 240deg,#e45151 240deg 270deg,#ffca3a 270deg 300deg,#2ca248 300deg 330deg,#e45151 330deg);transition:transform 4.3s cubic-bezier(.12,.7,.1,1)}.wheel-labels{position:absolute;inset:0;border-radius:50%;pointer-events:none}.wheel-labels span{position:absolute;left:50%;top:50%;font-weight:950;color:#fff;text-shadow:0 1px 3px #000;transform-origin:0 0}.pointer{position:absolute;left:50%;top:-6px;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:42px solid var(--deep);z-index:2}.wheel-result{font-size:clamp(2rem,7vw,4rem);font-weight:950;color:var(--deep);min-height:1.2em}.directory{padding:10px 0 70px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 26px rgba(5,55,94,.07)}.game-card .icon{font-size:2.3rem}.game-card h2{margin:10px 0 6px;color:var(--deep)}.game-card p{color:var(--muted);font-size:.92rem}.game-card a{color:#19853a;font-weight:900}.footer{background:#021f37;color:#a9bfcc;text-align:center;padding:23px;font-size:.8rem}.footer a{color:#e0ebf1}@media(max-width:720px){.game-grid{grid-template-columns:1fr}.game-shell{padding:17px}.navlinks{gap:9px;font-size:.72rem}.domino span{width:31px;height:42px}.hero{padding-top:34px}}
