*{box-sizing:border-box}html{scroll-behavior:smooth;--bg:#121617;--surface:#171d1e;--tile:#172022;--line:#343e40;--grid:#2b383b;--text:#f3f4ec;--muted:#a2afb3;--faint:#7e8b8e;--accent:#91e7bf;--accent-ink:#102c22;--chip:#293236;color-scheme:dark}html[data-theme=light]{--bg:#f6f4ee;--surface:#fdfcf7;--tile:#f1f2ec;--line:#d6dbd4;--grid:#d8ddd6;--text:#182522;--muted:#576b66;--faint:#74867f;--accent:#7bdcb0;--accent-ink:#123b2b;--chip:#e9ede7;color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI','Malgun Gothic',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button,select{color:var(--text)}.topbar,main,footer{width:min(1280px,calc(100% - 80px));margin-inline:auto}.topbar{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:baseline;gap:10px;font-size:25px;letter-spacing:1px;white-space:nowrap}.brand b{font-weight:900}.brand span{font-weight:350}.preferences{display:flex;align-items:center;gap:20px}.visits{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1.8px;white-space:nowrap}.visits span{color:var(--muted)}.visits strong{font-size:13px;letter-spacing:0;font-variant-numeric:tabular-nums;min-width:15px}.divider{width:1px;height:24px;background:var(--line)}select{border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:11px;padding:8px 10px;max-width:100px}.theme-switch{border:0;padding:8px 0;background:none;display:flex;align-items:center;gap:10px}.sun,.moon{font-size:18px;color:var(--muted)}.toggle{width:37px;height:20px;border-radius:20px;background:#28543f;position:relative}.toggle i{position:absolute;top:3px;left:20px;width:14px;height:14px;border-radius:50%;background:var(--accent);transition:left .18s}html[data-theme=light] .toggle{background:#cbd8cf}html[data-theme=light] .toggle i{left:3px;background:#557768}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding:58px 0 54px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.7px;font-weight:500;margin:0 0 25px;color:var(--muted)}h1{font-size:clamp(34px,4.5vw,67px);font-weight:420;line-height:1.12;letter-spacing:-2.9px;margin:0;overflow-wrap:break-word}.description{font-size:23px;color:var(--muted);margin:24px 0 33px;font-weight:350}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:44px;min-width:280px;max-width:100%;padding:17px 24px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-size:17px;font-weight:700;transition:transform .15s,filter .15s}.primary:hover{transform:translateY(-2px);filter:brightness(1.06)}.primary>span:last-child{font-size:24px;font-weight:400}.fine-print{margin:15px 0 0;color:var(--faint);font-size:11px;letter-spacing:.2px}.board-preview{display:block;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:18px 19px 12px;transition:border-color .15s}.board-preview:hover{border-color:var(--accent)}.board-top{display:flex;justify-content:space-between;margin-bottom:12px;font-size:9px;letter-spacing:2px;color:var(--faint)}.preview-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.preview-cell{aspect-ratio:1;background:var(--tile);border:1px solid var(--grid);border-radius:4px;overflow:hidden;min-width:0}.preview-cell.occupied{border:1.5px solid var(--tile-accent);background:transparent}.roster-face{display:block;width:100%;height:100%;background-image:url('assets/brainrot-enemies.webp');background-size:1000% 900%;background-repeat:no-repeat}.board-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--faint);margin-top:11px}.board-caption>span:last-child{margin-left:auto}.pulse-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.collection{border-top:1px solid var(--line);padding-top:25px;padding-bottom:60px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font-size:10px;letter-spacing:2.5px;font-weight:500;margin:0}.section-heading>span{font-size:10px;color:var(--faint);letter-spacing:2px}.game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-card{display:flex;gap:22px;align-items:center;min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s,transform .15s}.game-card:hover{border-color:var(--accent);transform:translateY(-2px)}.thumbnail{width:125px;height:112px;flex-shrink:0;border:1px solid var(--line);border-radius:7px;background:var(--bg);overflow:hidden}.mini-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:5px}.mini-board .preview-cell{aspect-ratio:auto}.game-info{min-width:0}.game-info h3{margin:0 0 8px;font-size:20px;font-weight:600;letter-spacing:-.4px}.game-info p{font-size:11px;color:var(--faint);line-height:1.6;margin:10px 0 0}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{font-size:10px;background:var(--chip);color:var(--muted);padding:4px 10px;border-radius:20px}.chips .mint-chip{background:#91e7bf19;color:var(--accent);border:1px solid #77c69d55}html[data-theme=light] .chips .mint-chip{color:#24583c}.card-arrow{margin-left:auto;padding:0 6px;color:var(--muted);font-size:24px;font-weight:300}.bonk-thumb{position:relative;background:linear-gradient(0deg,#58462e 0 13%,#1a292b 13% 100%)}.bonk-thumb img{position:absolute;object-fit:contain}.sahur{width:58px;height:98px;left:5px;bottom:5px}.shark{width:79px;height:73px;right:-5px;bottom:10px}.bat-art{position:absolute;left:54px;top:18px;width:7px;height:64px;border-radius:5px;background:#cc9b5b;transform:rotate(40deg)}footer{padding:22px 0 28px;border-top:1px solid var(--line);font-size:10px;color:var(--faint);letter-spacing:1.2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[lang=ko] h1,html[lang=ja] h1,html[lang=zh] h1{font-size:clamp(34px,4vw,59px);line-height:1.25;letter-spacing:-2px}html[lang=es] h1{font-size:clamp(32px,4vw,59px)}@media(min-width:1600px){.hero{padding-top:70px;padding-bottom:70px}}@media(max-width:1000px){.topbar,main,footer{width:calc(100% - 44px)}.hero{gap:30px;padding:42px 0}.description{font-size:19px}.thumbnail{width:90px;height:95px}.game-card{gap:14px;padding:12px}.game-info h3{font-size:17px}.card-arrow{padding:0}.primary{min-width:245px;font-size:15px;gap:20px}h1{letter-spacing:-2px}.preferences{gap:14px}}@media(max-width:700px){.topbar{height:74px;gap:12px}.brand{font-size:19px;gap:6px}.preferences{gap:10px}.visits{gap:5px;font-size:8px;letter-spacing:1px}.visits strong{font-size:11px}.divider,.sun,.moon{display:none}select{padding:7px;max-width:76px}.theme-switch{padding:8px 0}.hero{grid-template-columns:1fr;gap:28px;padding:38px 0 32px}.hero-copy{text-align:left}.eyebrow{margin-bottom:20px;font-size:9px;letter-spacing:2px}h1{font-size:clamp(39px,7vw,55px)}.description{margin:18px 0 24px;font-size:20px}.primary{min-width:0;width:100%;padding:14px 20px}.board-preview{width:100%;max-width:440px;justify-self:center;padding:14px}.board-top{font-size:8px}.game-list{grid-template-columns:1fr}.thumbnail{width:102px;height:96px}.game-info h3{font-size:19px}.collection{padding-bottom:35px}.game-info p{font-size:11px}.fine-print{font-size:10px}.board-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}