:root{--bg:#080808;--panel:#101010;--panel2:#171717;--panel3:#202020;--text:#f5f5f5;--muted:#858585;--line:#252525;--line2:#3b3b3b;--ease:cubic-bezier(.2,.75,.25,1)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--text);outline-offset:2px}.grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:90;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:68px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,8,8,.9);backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:780;letter-spacing:-.02em}.brand b{color:var(--muted);font-weight:650}.logo{width:30px;height:30px;border-radius:9px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-weight:900}.top-actions{display:flex;gap:8px}.icon-btn,.small-btn,.back-btn,.mode-btn,.ghost-btn{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-height:40px;padding:0 14px;cursor:pointer;transition:.18s var(--ease)}.icon-btn{width:40px;padding:0}.icon-btn:hover,.small-btn:hover,.back-btn:hover,.mode-btn:hover,.ghost-btn:hover{transform:translateY(-1px);border-color:var(--line2);background:var(--panel2)}.app{width:min(1240px,calc(100% - 36px));margin:auto;padding:48px 0 72px}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:70px;align-items:end;padding:26px 0 52px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:780;letter-spacing:.15em}.hero h1{margin:0;font-size:clamp(48px,7vw,90px);line-height:.92;letter-spacing:-.07em}.hero h1 span{color:#747474}.hero p{max-width:620px;color:var(--muted);font-size:17px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.stat{padding:22px 16px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong,.stat span{display:block}.stat strong{font-size:29px;letter-spacing:-.04em}.stat span{margin-top:5px;color:var(--muted);font-size:11px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:24px 0}.search{display:flex;align-items:center;gap:8px;width:min(350px,100%);height:44px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--muted)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.filters{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.filter{min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.filter.active,.filter:hover{background:var(--panel2);border-color:var(--line2);color:var(--text)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0 16px}.section-head h2{margin:0;font-size:18px}.section-head span{font-size:13px;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.game-card{position:relative;min-height:210px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel),#0c0c0c);overflow:hidden;cursor:pointer;text-align:left;transition:.22s var(--ease);animation:in .3s var(--delay,0ms) both}.game-card:after{content:"";position:absolute;width:128px;height:128px;right:-48px;top:-48px;border:1px solid rgba(255,255,255,.08);border-radius:50%;transition:.28s var(--ease)}.game-card:hover{transform:translateY(-4px);border-color:#424242}.game-card:hover:after{transform:scale(1.25)}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.game-icon{width:42px;height:42px;border:1px solid var(--line2);border-radius:12px;background:#161616;display:grid;place-items:center;font-size:20px}.pill{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:#aaa;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.game-card h3{margin:28px 0 8px;font-size:19px;letter-spacing:-.03em}.game-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.card-foot{position:absolute;left:20px;right:20px;bottom:17px;display:flex;justify-content:space-between;color:#666;font-size:11px}.card-foot span:last-child{color:#aaa}.empty{grid-column:1/-1;border:1px dashed var(--line2);border-radius:16px;padding:34px;text-align:center;color:var(--muted)}@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.game-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:28px}.game-title{text-align:center}.game-title .eyebrow{margin-bottom:5px}.game-title h1{margin:0;font-size:30px;letter-spacing:-.04em}.back-btn{justify-self:start}.small-btn{justify-self:end}.game-mount{min-height:510px;border:1px solid var(--line);border-radius:22px;background:#0c0c0c;overflow:hidden;animation:in .26s both}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:510px}.stage{min-width:0;display:flex;align-items:center;justify-content:center;padding:34px;overflow:hidden}.side{padding:22px;border-left:1px solid var(--line);background:#101010}.side h3{margin:0 0 16px;font-size:14px}.status{margin-bottom:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#0d0d0d}.status strong,.status span{display:block}.status strong{font-size:15px}.status span{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.controls{display:grid;gap:9px}.mode-btn,.ghost-btn{width:100%;text-align:left}.mode-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.note{margin-top:14px;color:#666;font-size:11px;line-height:1.55}.primary{min-height:46px;padding:0 18px;border:0;border-radius:13px;background:var(--text);color:var(--bg);font-weight:760;cursor:pointer;transition:.18s var(--ease)}.primary:hover{transform:translateY(-1px)}.board{display:grid;width:min(560px,100%);aspect-ratio:1;border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:#111}.ttt{grid-template-columns:repeat(3,1fr);width:min(460px,100%)}.ttt button{aspect-ratio:1;border:0;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);background:#0f0f0f;color:var(--text);font-size:clamp(46px,9vw,90px);font-weight:260;cursor:pointer}.ttt button:nth-child(3n){border-right:0}.ttt button:nth-child(n+7){border-bottom:0}.ttt button:hover:empty{background:#181818}.pop{animation:pop .2s var(--ease)}@keyframes pop{from{opacity:.2;transform:scale(.75)}to{opacity:1;transform:none}}.connect{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:12px;width:min(600px,100%);border:1px solid var(--line2);border-radius:18px;background:#131313}.connect button{aspect-ratio:1;border:1px solid #333;border-radius:50%;background:#080808;cursor:pointer}.connect .p1{background:#f3f3f3;box-shadow:inset 0 0 0 6px #d7d7d7;animation:drop .24s}.connect .p2{background:#666;box-shadow:inset 0 0 0 6px #818181;animation:drop .24s}@keyframes drop{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}.reversi{grid-template-columns:repeat(8,1fr)}.rev-cell{position:relative;border:0;border-right:1px solid #2c2c2c;border-bottom:1px solid #2c2c2c;background:#121212;cursor:pointer}.rev-cell:after{content:"";position:absolute;inset:18%;border-radius:50%;transform:scale(0);transition:.2s}.rev-cell.p1:after{transform:scale(1);background:#f3f3f3}.rev-cell.p2:after{transform:scale(1);background:#555;box-shadow:inset 0 0 0 1px #777}.rev-cell.valid:before{content:"";position:absolute;width:10%;aspect-ratio:1;left:45%;top:45%;border-radius:50%;background:#777}.checkers{grid-template-columns:repeat(8,1fr);border-radius:10px}.check-cell{position:relative;border:0;background:#161616}.check-cell.dark{background:#2a2a2a;cursor:pointer}.check-cell.selected{box-shadow:inset 0 0 0 3px #fff}.piece{position:absolute;inset:15%;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900}.piece.p1{background:#eee;color:#111}.piece.p2{background:#595959;color:#fff;box-shadow:inset 0 0 0 2px #747474}.piece.king:after{content:"K"}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;width:min(560px,100%)}.memory button{aspect-ratio:1;border:1px solid var(--line2);border-radius:14px;background:#131313;color:transparent;font-size:30px;cursor:pointer;transition:.24s var(--ease)}.memory button.up,.memory button.match{transform:rotateY(180deg);background:#222;color:#fff}.memory button.match{opacity:.55}.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(520px,100%)}.tile{min-height:86px;border:1px solid #292929;border-radius:14px;background:#171717;display:grid;place-items:center;font-size:28px;font-weight:800}.tile.t4{background:#222}.tile.t8{background:#292929}.tile.t16{background:#333}.tile.t32{background:#3b3b3b}.tile.t64{background:#474747}.tile.big{background:#eee;color:#111}.quiz{width:min(700px,100%)}.progress{height:4px;margin-bottom:26px;border-radius:9px;background:#1d1d1d;overflow:hidden}.progress div{height:100%;background:#eee;transition:.3s}.quiz-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.quiz h2{margin:18px 0 24px;font-size:clamp(24px,4vw,38px);line-height:1.15;letter-spacing:-.04em}.answers{display:grid;gap:10px}.answer{min-height:54px;padding:0 16px;border:1px solid var(--line2);border-radius:13px;background:#121212;text-align:left;cursor:pointer}.answer:hover{background:#1b1b1b}.answer.good{border-color:#568b68;background:#142319}.answer.bad{border-color:#985757;background:#271616}.center{display:grid;justify-items:center;gap:18px;text-align:center}.big-score{font-size:clamp(58px,10vw,108px);line-height:.9;letter-spacing:-.07em;font-weight:820}.hero-copy{color:var(--muted);line-height:1.55}.canvas{display:block;width:min(760px,100%);aspect-ratio:16/10;border:1px solid var(--line2);border-radius:16px;background:#080808}.simons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:min(440px,100%)}.simon{aspect-ratio:1;border:1px solid #333;border-radius:22px;background:#151515;cursor:pointer;transition:.12s}.simon:nth-child(2){background:#1b1b1b}.simon:nth-child(3){background:#222}.simon:nth-child(4){background:#2b2b2b}.simon.lit{filter:brightness(2.4);transform:scale(.96);background:#777}.reaction{width:min(680px,100%);min-height:340px;padding:30px;border:1px solid var(--line2);border-radius:20px;background:#101010;display:grid;place-items:center;text-align:center;cursor:pointer;user-select:none;transition:.18s}.reaction.go{background:#eee;color:#070707}.snake{display:grid;grid-template-columns:repeat(20,1fr);width:min(560px,100%);aspect-ratio:1;border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:#090909}.snake .body{background:#ddd}.snake .head{background:#fff}.snake .food{background:#6a6a6a;border-radius:50%;transform:scale(.6)}.mine{display:grid;gap:2px;width:min(540px,100%);padding:2px;border-radius:10px;background:#191919}.mine button{aspect-ratio:1;padding:0;border:0;border-radius:3px;background:#242424;color:#ddd;font-size:13px;font-weight:750;cursor:pointer}.mine button.open{background:#0e0e0e}.mine button.boom{background:#5b3030}.form{display:flex;gap:10px;width:min(560px,100%)}.input{flex:1;min-width:0;height:48px;padding:0 14px;border:1px solid var(--line2);border-radius:13px;background:#111;color:var(--text);outline:0}.scramble{font-size:clamp(44px,9vw,88px);font-weight:820;letter-spacing:.08em}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(560px,100%)}.choice{min-height:130px;border:1px solid var(--line2);border-radius:18px;background:#121212;font-size:42px;cursor:pointer;transition:.2s}.choice:hover{transform:translateY(-3px);background:#1b1b1b}.dice{width:120px;aspect-ratio:1;border-radius:24px;background:#eee;color:#111;display:grid;place-items:center;font-size:52px;font-weight:850}.dice.roll{animation:dice .38s var(--ease)}@keyframes dice{50%{transform:rotate(13deg) scale(.86)}to{transform:none}}.light{--bg:#f4f4f1;--panel:#fff;--panel2:#ececea;--panel3:#e3e3df;--text:#101010;--muted:#6c6c68;--line:#d7d7d2;--line2:#bdbdb8;color-scheme:light}.light .topbar{background:rgba(244,244,241,.9)}.light .game-card{background:linear-gradient(180deg,#fff,#f3f3ef)}.light .game-mount,.light .stage{background:#f7f7f4}.light .side{background:#fff}.light .status,.light .search{background:#fafaf8}@media(max-width:980px){.game-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr;gap:30px}.stats{max-width:480px}.game-layout{grid-template-columns:1fr}.side{border-left:0;border-top:1px solid var(--line)}}@media(max-width:700px){.app{width:calc(100% - 24px);padding-top:28px}.topbar{padding:0 14px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.filters{justify-content:flex-start;flex-wrap:nowrap;overflow:auto}.game-head{grid-template-columns:1fr 1fr}.game-title{grid-row:2;grid-column:1/-1}.stage{padding:20px 12px}.game-mount,.game-layout{min-height:0}}@media(max-width:460px){.game-grid{grid-template-columns:1fr}.hero{padding-top:10px}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.game-card{min-height:185px}.choices{grid-template-columns:1fr}.choice{min-height:80px}.form{flex-direction:column}.form .primary{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}