:root{--bg:#FCFCF7;--surface:#F6F6F1;--elev:#FFFFFF;--text:#141414;--muted:#525252;--border:#D9D9D3;--hover:#ECECE6;--accent:#3B82F6;--r-s:6px;--r-m:12px;--r-l:16px;--r-pill:9999px;--shadow:0 1px 2px rgba(0,0,0,.12);--menu-shadow:0 8px 24px rgba(0,0,0,.18);--modal-shadow:0 16px 32px rgba(0,0,0,.24);--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}[data-theme=dark]{--bg:#141414;--surface:#1B1B1B;--elev:#242424;--text:#FCFCF7;--muted:#B5B5B5;--border:#333333;--hover:#2C2C2C;--shadow:0 1px 2px rgba(0,0,0,.4)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .18s ease,color .18s ease}a{color:var(--accent);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip{position:absolute;left:-9999px;background:var(--text);color:var(--bg);padding:8px 12px;border-radius:var(--r-s);z-index:99}.skip:focus{left:12px;top:12px}.wrap{max-width:1080px;margin:0 auto;padding:0 24px 64px}.muted{color:var(--muted)}.nav{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--border)}.nav-inner{max-width:1080px;margin:0 auto;padding:12px 24px;display:flex;gap:16px;align-items:center}.brand{display:flex;align-items:center;min-width:132px}.logo{height:28px;width:auto;display:block}[data-theme=light] .logo-dark,[data-theme=dark] .logo-light{display:none}.search-wrap{position:relative;flex:1;max-width:480px}.input{height:40px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--r-s);padding:0 12px;width:100%;font:inherit;transition:border-color .15s ease,background-color .15s ease}textarea.input{height:auto;padding:10px 12px;resize:vertical}.input::placeholder{color:var(--muted)}.label{display:block;font-weight:600;margin:16px 0 6px;font-size:14px}.hint{font-size:13px;color:var(--muted);margin:6px 0}.field-error{color:#dc2626;font-size:13px;margin:6px 0 0}.form-ok{color:#15803d;font-size:14px}.menu{position:absolute;top:46px;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);box-shadow:var(--menu-shadow);overflow:hidden;z-index:30}.menu button{display:flex;gap:12px;align-items:center;width:100%;padding:10px 12px;background:none;border:0;color:var(--text);cursor:pointer;font:inherit;text-align:left}.menu button:hover,.menu button.is-active{background:var(--hover)}.menu img{width:56px;height:34px;object-fit:cover;border-radius:var(--r-s);background:var(--hover)}.menu .t{font-weight:600;font-size:14px;display:block}.menu .s{font-size:12px;color:var(--muted)}.nav-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.btn{height:40px;padding:0 16px;border-radius:var(--r-s);font:inherit;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#141414;color:#fcfcf7;border-color:#141414}[data-theme=dark] .btn-primary{background:#fcfcf7;color:#141414;border-color:#fcfcf7}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--hover)}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover{background:var(--hover)}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:40px 0 16px}.hero h1{margin:0 0 8px;font-size:clamp(28px,4vw,40px);letter-spacing:-.02em}.hero p{margin:0;max-width:640px}.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);padding:24px;min-width:200px;text-align:center;box-shadow:var(--shadow)}.hero-card strong{display:block;font-size:32px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:8px 0 16px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{height:32px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;font-size:14px;transition:background-color .15s ease}.pill:hover{background:var(--hover)}.pill.is-active{background:var(--text);color:var(--bg);border-color:var(--text)}.attrib{font-size:13px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card-game{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .15s ease}.card-game:hover{transform:translateY(-1px)}.card-game img.cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--hover);display:block}.card-pad{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.card-pad h3{margin:0;font-size:16px}.meta{font-size:13px;color:var(--muted);margin:0}.badge{display:inline-block;font-size:12px;font-weight:600;border:1px solid var(--border);border-radius:var(--r-pill);padding:2px 10px;background:var(--bg)}.badge.on{background:var(--text);color:var(--bg);border-color:var(--text)}.row{display:flex;gap:8px;flex-wrap:wrap}.mini{height:32px;padding:0 10px;font-size:13px;border-radius:var(--r-s);border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.mini:hover{background:var(--hover)}.mini.is-set{background:var(--text);color:var(--bg);border-color:var(--text)}.stars{display:flex;gap:4px}.stars button{background:none;border:0;font-size:22px;cursor:pointer;color:var(--border);padding:2px}.stars button.lit{color:#f59e0b}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);padding:24px;box-shadow:var(--shadow)}.stat strong{display:block;font-size:26px}.stat span{color:var(--muted);font-size:14px}.bar{height:8px;background:var(--hover);border-radius:var(--r-pill);overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:var(--accent)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}@media(max-width:860px){.cols{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.nav-inner{flex-wrap:wrap}.search-wrap{order:3;flex-basis:100%;max-width:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);padding:24px;box-shadow:var(--shadow)}.avatar-row{display:flex;gap:16px;align-items:flex-start}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--hover);border:1px solid var(--border)}.fav-row{display:flex;gap:12px;align-items:center;margin:16px 0}.fav-img{width:96px;height:54px;object-fit:cover;border-radius:var(--r-s);border:1px solid var(--border)}.lists{display:flex;flex-direction:column;gap:12px;margin-top:16px}.list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);padding:16px}.list-item h3{margin:0 0 4px;font-size:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.chip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--border);border-radius:var(--r-pill);padding:4px 6px 4px 4px;font-size:13px;background:var(--bg)}.chip img{width:40px;height:24px;object-fit:cover;border-radius:9999px}.chip button{border:0;background:none;cursor:pointer;color:var(--muted)}.modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.modal[hidden]{display:none}.modal-card{position:relative;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r-l);box-shadow:var(--modal-shadow);max-width:680px;width:100%;max-height:90vh;overflow:auto}.modal-img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--hover);display:block}.modal-body{padding:24px}.modal-x{position:absolute;top:8px;right:8px;background:var(--surface)}.modal-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.status-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.auth-card{padding:24px;max-width:440px}.footer{border-top:1px solid var(--border);padding:24px;text-align:center;color:var(--muted);font-size:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:var(--r-pill);z-index:60;font-size:14px}.nav-links{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.nav-links a{padding:8px 12px;border-radius:var(--r-pill);color:var(--muted);font-size:14px;font-weight:600}.nav-links a:hover{background:var(--hover);color:var(--text)}.nav-links a.is-active{background:var(--text);color:var(--bg)}.check{display:flex;gap:8px;align-items:center;font-size:14px;margin:12px 0}.check input{width:18px;height:18px;accent-color:var(--accent)}.legal{max-width:720px}.legal h1{margin:24px 0 8px}.legal h2{margin-top:32px}.legal p,.legal li{color:var(--text)}.legal .muted{color:var(--muted)}.btn{transition:background-color .15s ease,transform .15s ease}.btn:active{transform:scale(.98)}.card-game{animation:fadeUp .18s ease both}.reveal{opacity:0;transform:translateY(8px)}.reveal.in{opacity:1;transform:none;transition:opacity .18s ease,transform .18s ease}.modal-card{animation:pop .18s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.toast{animation:toastIn .18s ease both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.bottom-nav{display:none}@media(max-width:720px){.nav-links{display:none}.wrap{padding-bottom:96px}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{flex:1;text-align:center;font-size:12px;color:var(--muted);text-decoration:none;padding:6px 2px;border-radius:var(--r-s)}.bottom-nav a.is-active{color:var(--text);font-weight:700}.bottom-nav span{display:block;font-size:20px;line-height:1}}.sk{position:relative;overflow:hidden;background:var(--hover);border-radius:var(--r-s)}.sk:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:shimmer 1.2s infinite;transform:translate(-100%)}[data-theme=dark] .sk:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.sk:after{animation:none}*{transition:none!important}}.sk-card{border:1px solid var(--border);border-radius:var(--r-m);overflow:hidden;background:var(--surface)}.sk-card .sk-img{aspect-ratio:16/9}.sk-card .sk-p{padding:16px;display:flex;flex-direction:column;gap:8px}.sk-line{height:14px}.sk-line.w60{width:60%}.sk-line.w40{width:40%}.user-slot:empty{display:none}