/* ZERO PICKLES • a small, independent clubhouse */
:root{color-scheme:dark;--bg:#17181e;--panel:#202128;--panel-2:#282a33;--line:#33353e;--ink:#f4f2eb;--muted:#adaeb9;--accent:#caff48;--accent-ink:#22251a;--lavender:#bda5f4;--radius:20px;--rail:218px;--font:'Trebuchet MS','Segoe UI',Arial,sans-serif;--display:'Arial Rounded MT Bold','Trebuchet MS','Segoe UI',sans-serif}
html[data-accent=violet]{--accent:#c6adff;--accent-ink:#242035}html[data-accent=peach]{--accent:#ffba92;--accent-ink:#2e241e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.04em;line-height:1.1}button,a{touch-action:manipulation}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--accent-ink)}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.accent{color:var(--accent)}.eyebrow{display:block;font-size:10px;letter-spacing:.13em;font-weight:800;line-height:1.5}.subtle{font-size:13px;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:16px;padding:14px;background:var(--accent);color:#202321;z-index:9999;border-radius:9px}.skip-link:focus{top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border-radius:12px;font-weight:800;font-size:14px;border:1px solid transparent;transition:transform .16s,background .16s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.97)}.button-dark{background:#24242d;color:#fff9ee}.button-accent{background:var(--accent);color:var(--accent-ink)}.button-quiet{background:#ffffff08;border-color:var(--line);color:var(--ink)}.button-danger{background:#5d2631;color:#ffe3e7;border:1px solid #a85166}.text-button{display:inline-flex;gap:8px;align-items:center;background:transparent;padding:10px 0;font-weight:700;font-size:12px;color:var(--ink);min-height:44px}.text-button:hover{color:var(--accent)}.icon-button{width:44px;height:44px;flex-shrink:0;border-radius:12px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;background:#ffffff03}.icon-button:hover{background:var(--panel-2)}.icon-button[aria-pressed=true]{color:var(--accent)}
/* App shell and navigation */
.sidebar{width:var(--rail);position:fixed;inset:0 auto 0 0;background:#1c1d23;border-right:1px solid #2b2d35;padding:32px 20px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 5px}.brand>span{font-family:var(--display);font-size:24px;line-height:.92;letter-spacing:-1px;font-weight:1000}.brand-dot{color:var(--accent)}.brand img{border-radius:13px}.rail-label{font-size:8px;letter-spacing:.08em;color:#898b96;display:block;margin:32px 7px 18px;font-weight:800;white-space:nowrap}.rail-nav{display:flex;flex-direction:column;gap:7px}.rail-nav a{display:flex;align-items:center;gap:12px;font-weight:700;color:#b3b4c0;padding:13px 14px;border-radius:12px;min-height:48px}.rail-nav a:hover{background:#282a32;color:var(--ink)}.rail-nav a[aria-current=page]{background:var(--accent);color:var(--accent-ink)}.nav-count{font-size:11px;margin-left:auto;border-radius:5px;background:#ffffff0d;padding:1px 5px}.rail-nav a[aria-current=page] .nav-count{background:#22251a16}.rail-random{margin:20px 0 0;background:transparent;border:1px dashed #545761;border-radius:12px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:13px}.rail-random:hover{border-color:var(--accent);color:var(--accent)}.rail-bottom{margin-top:auto;padding-top:24px}.zero-note{position:relative;padding:18px 7px 18px;text-align:center}.zero-note img{width:122px;height:112px;display:block;margin:-8px auto 8px;transform:rotate(-6deg)}.zero-note p{font-weight:700;font-size:13px;line-height:1.5;color:#dbd8e6}.zero-note>span{font-size:8px;letter-spacing:.08em;display:block;color:#9293a0;margin-top:7px}.rail-setting{background:transparent;width:100%;display:flex;gap:11px;align-items:center;min-height:48px;padding:12px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);margin-top:6px}.rail-setting:hover{color:var(--accent)}.rail-parent{background:transparent;color:#adaeb9;font-size:11px;display:flex;justify-content:space-between;width:100%;padding:10px 12px;min-height:44px}.workspace{margin-left:var(--rail)}.topbar{height:85px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid #2c2e36;background:var(--bg)}.top-greeting{display:flex;align-items:center;gap:9px;color:#c6c4d1;font-size:12px}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #caff480c}.top-actions{display:flex;align-items:center;gap:12px}.ad-free{font-size:11px;margin-right:12px;color:var(--muted)}.profile-button{width:43px;height:43px;border-radius:50%;overflow:hidden;background:#bbacf0;border:2px solid #353740;padding:2px}.profile-button img{width:100%;height:100%;object-fit:contain;transform:scale(1.18)}.mobile-brand,.mobile-nav{display:none}.main-content{padding:27px 38px 0;max-width:1550px;margin:0 auto;outline:none}.welcome-line{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.welcome-line .eyebrow{color:#d9d7e1}.edition{font-size:9px;color:#9696a1;letter-spacing:.12em}
/* The clubhouse hero */
.hero-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(220px,1fr);gap:18px}.hero{background:var(--lavender);border-radius:var(--radius);overflow:hidden;position:relative;min-height:360px;color:#25242e;isolation:isolate}.hero-copy{position:relative;z-index:2;padding:30px 30px 43px;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-pill{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.07em;font-weight:900;background:#f8f4e233;border:1px solid #3c30522b;padding:6px 9px;border-radius:30px}.hero-pill span{font-size:13px}.hero h1{font-family:var(--display);font-size:clamp(48px,4.6vw,78px);font-weight:1000;letter-spacing:-.075em;line-height:.9;margin:19px 0 14px}.hero h1 span{letter-spacing:-.073em}.hero p{font-size:13px;line-height:1.5;margin:0 0 20px;color:#393143}.hero .button{padding:11px 19px;font-size:13px;min-height:46px;box-shadow:0 4px 0 #8d73c0}.hero-art{width:64%;height:100%;max-width:none;object-fit:contain;position:absolute;right:-10%;top:8px;z-index:1}.hero-footnote{position:absolute;bottom:12px;right:19px;font-size:7px;font-weight:800;letter-spacing:.15em;opacity:.65;z-index:3}.wild-card{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:var(--radius);background:#d4f58d;color:#22291f;text-align:left;padding:23px 20px 20px;min-width:0;transition:transform .2s}.wild-card:hover{transform:translateY(-3px)}.wild-card>.eyebrow{display:flex;justify-content:space-between;gap:8px;font-size:9px;align-items:center}.wild-card>.eyebrow span{font-size:18px}.wild-art{flex:1;display:flex;align-items:center;justify-content:center;min-height:140px;margin:6px -20px 0;overflow:hidden;position:relative}.wild-art img{width:112%;max-width:none;height:100%;max-height:220px;object-fit:cover;transform:rotate(-7deg) scale(.92);border-radius:20px;box-shadow:0 8px 0 #27302219}.wild-bottom{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:18px}.wild-bottom small{display:block;font-size:7px;letter-spacing:.07em;font-weight:800;margin-bottom:5px}.wild-bottom strong{font-size:25px;line-height:1;font-family:var(--display);letter-spacing:-.05em}.circle-arrow{width:40px;height:40px;border:1px solid #22291f66;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.circle-arrow .icon{width:17px;height:17px}.promise-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:17px 0 32px;padding:0 4px}.promise-strip>span{font-size:10px;color:#afadba;display:flex;align-items:center;gap:7px}.promise-strip .icon{width:13px;height:13px;color:#b6d48c;stroke-width:2.2}
/* Library, cards and real empty states */
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 20px}.section-heading h2{font-size:25px;font-weight:900}.section-heading .eyebrow{font-size:9px;color:#a5a3b2;margin-bottom:7px}.catalog-heading{margin-top:25px}.search-box{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid #363842;border-radius:10px;padding:0 11px;min-height:43px;width:224px;flex-shrink:0}.search-box>.icon{width:16px;height:16px;color:#a6a7b3}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px;padding:11px 0}.search-box:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-box input::placeholder{color:#a2a3af}.search-box kbd{font-size:10px;color:#aaaab6;border:1px solid var(--line);border-radius:3px;padding:0 5px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.category-list{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:4px 2px;min-width:0}.category-list::-webkit-scrollbar{display:none}.category-chip{min-height:40px;padding:9px 14px;border-radius:9px;background:#26272f;border:1px solid #32343e;white-space:nowrap;font-size:11px;color:#c2c2cf;font-weight:700}.category-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.category-chip:hover:not([aria-pressed=true]){background:#353741}.result-count{color:var(--muted);font-size:11px;white-space:nowrap}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.game-tile{min-width:0;position:relative;background:#202129;border:1px solid #30323b;border-radius:16px;overflow:hidden;transition:transform .18s,border-color .18s}.game-tile:hover{transform:translateY(-5px);border-color:#55545f}.game-card{display:block;text-align:left;background:transparent;width:100%;padding:0}.cover-wrap{aspect-ratio:1.53;position:relative;overflow:hidden;background:#313441}.cover-wrap>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s}.game-tile:hover .cover-wrap>img{transform:scale(1.045)}.play-hover{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f9f6eeeb;color:#23232b;opacity:0;transition:opacity .15s,transform .15s}.game-tile:hover .play-hover,.game-card:focus-visible .play-hover{opacity:1;transform:translate(-50%,-50%)}.game-card:focus-visible{outline-offset:-4px}.game-card-meta{padding:14px 13px 12px}.game-card-meta strong{font-family:var(--display);font-size:17px;letter-spacing:-.025em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-meta p{margin-top:4px;font-size:10px;color:#b0aebb;line-height:1.4;min-height:28px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:7px}.card-category{font-size:9px;color:#b0aebf;background:#ffffff07;padding:3px 6px;border-radius:5px}.card-best{display:flex;gap:4px;align-items:center;color:#c8c1d5;font-size:9px}.card-best .icon{width:12px;height:12px;color:var(--accent)}.favorite-toggle{position:absolute;right:8px;top:8px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1c1e2aca;color:#fff8ee;border:1px solid #ffffff22;transition:background .15s}.favorite-toggle .icon{width:18px;height:18px}.favorite-toggle[aria-pressed=true]{color:#27261f;background:#eeffaf}.favorite-toggle[aria-pressed=true] .icon{fill:currentColor}.new-label{position:absolute;top:11px;left:9px;background:#f9f4e9;color:#202126;border-radius:5px;font-size:8px;line-height:1;padding:6px 7px;font-weight:900;letter-spacing:.05em}.empty-state{padding:45px 20px 55px;text-align:center;background:#1d1f26;border:1px dashed #424450;border-radius:20px}.empty-state img{margin-bottom:15px}.empty-state h3{font-size:26px}.empty-state p{color:var(--muted);margin:12px auto 22px;max-width:420px}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recent-card{display:flex;align-items:center;gap:12px;padding:10px;text-align:left;border-radius:12px;background:#22242b;border:1px solid var(--line);min-width:0}.recent-card>img{width:72px;height:53px;object-fit:cover;border-radius:7px}.recent-card strong{font-size:13px;display:block}.recent-card small{font-size:10px;display:block;color:var(--muted);margin-top:3px}.recent-card>.icon{margin-left:auto;width:16px;height:16px;color:var(--accent)}
/* Personal scores and clubhouse story */
.page-intro{padding:25px 0 5px}.page-intro .eyebrow{color:var(--accent);margin-bottom:14px}.page-intro h1{font-size:clamp(35px,4vw,54px)}.page-intro p{font-size:14px;color:var(--muted);max-width:550px;margin-top:18px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0 38px}.stat-card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.stat-card>span{color:var(--muted);font-size:11px}.stat-card strong{font-size:34px;display:block;font-family:var(--display);color:var(--accent);margin:5px 0}.stat-card small{color:var(--muted);font-size:10px}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.badge{display:flex;gap:14px;align-items:center;padding:19px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.badge-symbol{font-size:28px;width:49px;height:49px;background:#caff4812;color:var(--accent);display:grid;place-items:center;border-radius:13px;flex-shrink:0}.badge-symbol .icon{width:25px;height:25px}.badge.locked{opacity:.55}.badge strong{display:block;font-size:13px}.badge small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.score-list{display:grid;gap:8px}.score-row{display:flex;gap:14px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:10px 14px;border-radius:12px}.score-row img{width:65px;height:46px;object-fit:cover;border-radius:7px}.score-row-info{flex:1}.score-row strong{font-size:13px;display:block}.score-row small{color:var(--muted);font-size:10px}.score-value{font-size:21px!important;color:var(--accent);min-width:40px;text-align:right}.score-row .button{min-height:39px;padding:8px 13px;font-size:11px}.family-banner{display:flex;align-items:center;gap:22px;padding:24px 25px;margin:38px 0 0;border:1px solid #404239;border-radius:16px;background:linear-gradient(115deg,#242b20,#22242a)}.family-stamp{width:76px;height:76px;border:1px dashed #acc887;outline:1px solid #acc887;outline-offset:4px;color:#d2eba9;flex-shrink:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-13deg)}.family-stamp .icon{width:19px;height:19px;margin-bottom:3px;fill:currentColor}.family-stamp span{font-size:8px;font-weight:900;text-align:center;line-height:1.15;letter-spacing:.08em}.family-banner .eyebrow{font-size:8px;color:#a8b49c;margin-bottom:7px}.family-banner h2{font-size:21px;letter-spacing:-.035em}.family-banner p{font-size:11px;color:#b4b4bd;margin-top:7px}.family-banner .text-button{margin-left:auto;white-space:nowrap;font-size:11px;color:#d6e3c8}.footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:30px 0 24px;margin-top:17px}.footer-brand{font-weight:1000;font-size:13px;letter-spacing:-.04em}.footer>span{font-size:9px;color:#a09eac}.footer>div{margin-left:auto;display:flex;gap:14px}.footer button{background:none;color:#b3b0c0;font-size:10px;min-height:44px;padding:5px 0}.footer button:hover{color:var(--accent)}.footer>small{width:100%;font-size:9px;color:#9393a0;border-top:1px solid #2a2c34;padding-top:14px}
/* Dialogs and preferences */
dialog{color:var(--ink);font-family:var(--font)}dialog::backdrop{background:#0b0c12b8;backdrop-filter:blur(5px)}.panel-dialog{width:min(620px,calc(100% - 28px));padding:0;max-height:calc(100dvh - 40px);background:#202129;border:1px solid #454653;border-radius:22px;box-shadow:0 24px 100px #0009;overflow:auto}.panel-head{position:sticky;top:0;z-index:2;background:#202129f5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 25px;backdrop-filter:blur(8px)}.panel-head h2{font-size:28px}.panel-head .eyebrow{font-size:8px;color:var(--muted);margin-bottom:6px}.panel-body{padding:24px 25px}.panel-body>h3{font-size:18px;margin-bottom:8px}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:20px 0 28px}.avatar-option{background:#282a35;border:2px solid #3c3e4b;border-radius:16px;padding:9px 6px 13px;text-align:center}.avatar-option[aria-pressed=true]{border-color:var(--accent);background:#303729}.avatar-option img{height:88px;width:98px;object-fit:contain;display:block;margin:0 auto 8px}.avatar-option strong{display:block;font-size:13px}.avatar-option span{display:block;font-size:9px;color:#b6b2c6;margin-top:4px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.setting-row strong{font-size:13px;display:block}.setting-row span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.switch{appearance:none;width:46px;height:27px;border-radius:24px;background:#535460;padding:3px;cursor:pointer;flex-shrink:0;margin:0;position:relative;border:0}.switch:before{content:'';display:block;width:21px;height:21px;background:white;border-radius:50%;transition:transform .15s}.switch:checked{background:var(--accent)}.switch:checked:before{transform:translateX(19px);background:var(--accent-ink)}.setting-row select{background:#30323d;color:var(--ink);border:1px solid #4b4d58;padding:9px;border-radius:8px;min-height:42px;max-width:132px;font-size:12px}.color-options{display:flex;gap:6px}.color-swatch{width:35px;height:35px;border:3px solid var(--panel);border-radius:50%;position:relative}.color-swatch[aria-pressed=true]{outline:2px solid #ecebf1;outline-offset:1px}.color-swatch.lime{background:#caff48}.color-swatch.violet{background:#c6adff}.color-swatch.peach{background:#ffba92}.settings-box{border:1px solid var(--line);border-radius:14px;padding:19px;margin:17px 0}.settings-box h3{font-size:17px;margin-bottom:10px}.settings-box p{font-size:12px;color:var(--muted);line-height:1.65}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.settings-box .button{font-size:12px;min-height:43px;padding:9px 15px}.settings-box .subtle{margin-top:10px}.danger-zone{margin:22px 0;padding:14px;background:#34262e;border-radius:10px;font-size:12px;color:#e3b8c5}.danger-zone summary{cursor:pointer;min-height:34px;display:list-item;padding:6px 0;font-weight:700}.danger-zone p{margin:12px 0}.danger-zone label{display:block;font-size:11px}.danger-zone input{display:block;margin:8px 0 13px;width:100%;border:1px solid #6c4959;border-radius:6px;background:#24212a;padding:10px;color:var(--ink)}.settings-foot{font-size:10px;color:var(--muted);text-align:center}.prose{font-size:14px;line-height:1.75;color:#d2cedf}.prose p{margin-bottom:18px}.prose h3{margin:25px 0 12px;font-size:21px;color:var(--ink)}.prose h3:first-child{margin-top:0}.prose strong{color:var(--ink)}.prose .info-callout{padding:16px;background:#caff480b;border-left:3px solid var(--accent);border-radius:0 8px 8px 0}.prose img{float:right;max-width:145px;margin:0 0 16px 16px}.toast{position:fixed;bottom:26px;left:calc(50% + var(--rail)/2);transform:translate(-50%,20px);padding:13px 21px;background:#f4f1e8;color:#242630;border-radius:12px;z-index:100;box-shadow:0 7px 30px #0004;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:calc(100vw - 30px);width:max-content;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.noscript-message{position:fixed;inset:0;z-index:5000;background:var(--bg);padding:15vh 10vw;text-align:center}.noscript-message p{margin-top:30px}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:1600px){.hero-layout{grid-template-columns:minmax(0,3fr) minmax(250px,1fr)}.hero{min-height:390px}.hero-art{width:64%;right:-5%}.hero h1{font-size:80px}.hero p{font-size:15px}.hero-copy{padding:32px 40px 44px}}
@media(max-width:1250px){:root{--rail:190px}.sidebar{padding-left:14px;padding-right:14px}.brand>span{font-size:21px}.brand img{width:39px;height:39px}.rail-label{font-size:7px}.main-content{padding:25px 26px 0}.topbar{padding:0 26px}.hero-layout{gap:14px;grid-template-columns:minmax(0,2.7fr) minmax(200px,1fr)}.hero{min-height:334px}.hero-copy{padding:24px 24px 43px}.hero h1{font-size:60px}.hero-art{width:65%;right:-10%;top:11px}.wild-card{padding:19px 17px}.wild-bottom strong{font-size:23px}.section-heading h2{font-size:23px}.game-grid{gap:18px 14px}.game-card-meta{padding:12px 10px}.game-card-meta strong{font-size:15px}.game-card-meta p{font-size:9px}.family-banner{gap:19px}.family-banner h2{font-size:18px}.family-banner .text-button{font-size:9px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1080px){.hero-layout{grid-template-columns:1fr}.hero{min-height:330px}.hero h1{font-size:68px}.hero-art{width:62%;right:-1%}.hero p br{display:none}.hero p{max-width:210px}.wild-card{flex-direction:row;min-height:100px;align-items:center;padding:13px 19px}.wild-card>.eyebrow{max-width:100px;display:block;font-size:10px}.wild-card>.eyebrow span{display:none}.wild-art{margin:-8px 0;flex:1;max-width:180px;min-height:70px;height:75px}.wild-art img{object-fit:cover;max-height:95px;width:130px;transform:rotate(-10deg)}.wild-bottom{margin:0;gap:24px}.wild-bottom strong{font-size:25px}.wild-bottom small{font-size:7px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-heading{flex-wrap:wrap;gap:17px}.search-box{width:210px}.section-heading h2{font-size:25px}.hero-footnote{font-size:7px}.family-banner .text-button{display:none}.promise-strip{margin-bottom:29px}.footer>div{margin-left:0}.footer{column-gap:16px}.recent-card>img{width:48px;height:43px}.recent-card strong{font-size:11px}.recent-card>.icon{display:none}}
@media(max-width:800px){:root{--rail:0px}.sidebar{display:none}.workspace{margin:0}.topbar{height:72px;padding:0 22px;position:sticky;top:0;z-index:20;background:#17181eef;backdrop-filter:blur(12px)}.top-greeting{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:1000;letter-spacing:-.045em}.main-content{padding:22px 22px 0}.ad-free{font-size:10px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:#1f2028f5;backdrop-filter:blur(15px);z-index:25;border-top:1px solid #393b46}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:100px;border-radius:10px;min-height:48px;padding:6px;color:#b0afbd;font-size:9px;font-weight:700}.mobile-nav a .icon{width:21px;height:21px}.mobile-nav a[aria-current=page]{color:var(--accent);background:#caff4808}.footer{padding-bottom:100px}.hero-layout{grid-template-columns:minmax(0,2.3fr) minmax(185px,1fr)}.hero{min-height:330px}.hero h1{font-size:55px}.hero-art{right:-12%;width:66%;top:18px}.hero-copy{padding-left:23px}.hero p{font-size:12px;max-width:160px}.hero p br{display:block}.wild-card{display:flex;flex-direction:column;align-items:stretch;padding:19px 15px}.wild-card>.eyebrow{display:flex;max-width:none;font-size:8px}.wild-card>.eyebrow span{display:block}.wild-art{height:auto;max-width:none;min-height:125px;max-height:none;margin:0 -15px}.wild-art img{width:100%;max-height:none;object-fit:cover;transform:rotate(-7deg) scale(.94)}.wild-bottom{gap:7px}.wild-bottom strong{font-size:23px}.wild-bottom small{font-size:6px}.wild-bottom .circle-arrow{width:33px;height:33px}.game-grid{gap:18px 14px}.game-card-meta strong{font-size:17px}.toast{left:50%;bottom:87px}.category-chip{min-height:44px}.promise-strip{margin-bottom:25px}.hero-footnote{right:13px;font-size:6px}.recent-card strong{font-size:12px}.recent-card>img{width:62px;height:45px}}
@media(max-width:600px){.topbar{height:66px;padding:0 17px}.mobile-brand{font-size:17px;gap:8px}.mobile-brand img{width:31px;height:31px}.top-actions{gap:8px}.top-actions .icon-button{width:38px;height:38px;border-radius:10px}.profile-button{width:37px;height:37px}.ad-free{display:none}.main-content{padding:20px 16px 0}.welcome-line{margin-bottom:13px}.welcome-line .eyebrow{font-size:8px}.edition{font-size:7px;letter-spacing:.05em}.hero-layout{grid-template-columns:1fr;gap:12px}.hero{min-height:310px;border-radius:17px}.hero-copy{padding:24px 20px 40px}.hero h1{font-size:60px;line-height:.93;margin:18px 0 12px}.hero-pill{font-size:7px;padding:5px 8px}.hero p{font-size:12px;line-height:1.4;margin-bottom:19px;max-width:150px}.hero-art{width:67%;right:-13%;top:23px}.hero .button{font-size:12px;min-height:44px;padding:10px 16px;gap:11px}.hero-footnote{font-size:5.5px;bottom:10px;right:12px}.wild-card{flex-direction:row;align-items:center;padding:13px 15px;min-height:92px;border-radius:14px;gap:9px}.wild-card>.eyebrow{display:block;max-width:70px;font-size:8px;flex-shrink:0}.wild-card>.eyebrow span{display:none}.wild-art{width:83px;max-width:83px;min-height:63px;height:63px;margin:-5px 0;flex-shrink:0}.wild-art img{width:98px;transform:rotate(-8deg);border-radius:8px}.wild-bottom{margin:0;flex:1;gap:8px}.wild-bottom strong{font-size:20px;line-height:1.1}.wild-bottom small{font-size:5px;letter-spacing:.02em;max-width:85px}.wild-bottom .circle-arrow{width:30px;height:30px}.wild-bottom .icon{width:12px;height:12px}.promise-strip{justify-content:center;gap:12px;margin:13px 0 27px}.promise-strip>span{font-size:8px;gap:4px}.promise-strip>span:nth-child(3){display:none}.promise-strip .icon{width:11px;height:11px}.catalog-heading{display:block;margin:22px 0 12px}.section-heading .eyebrow{font-size:8px;margin-bottom:7px}.section-heading h2{font-size:24px}.search-box{width:100%;margin-top:17px;min-height:44px}.search-box input{font-size:14px}.search-box kbd{display:none}.catalog-tools{margin-bottom:15px;gap:6px}.category-list{gap:6px}.category-chip{font-size:10px;padding:9px 12px;min-height:41px}.result-count{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.game-tile{border-radius:14px}.cover-wrap{aspect-ratio:1.36}.game-card-meta{padding:12px 11px 11px}.game-card-meta strong{font-size:16px;line-height:1.15}.game-card-meta p{font-size:10px;line-height:1.5;min-height:30px;margin-top:6px}.card-bottom{margin-top:10px}.card-category{font-size:8px}.card-best{font-size:8px;gap:3px}.favorite-toggle{width:38px;height:38px;right:6px;top:6px}.favorite-toggle .icon{width:17px;height:17px}.new-label{top:9px;left:7px;font-size:7px;padding:5px}.family-banner{margin-top:29px;padding:22px 19px;gap:18px}.family-stamp{width:57px;height:57px}.family-stamp span{font-size:6px}.family-stamp .icon{width:15px;height:15px}.family-banner .eyebrow{font-size:6px;margin-bottom:6px;letter-spacing:.09em}.family-banner h2{font-size:18px;line-height:1.15}.family-banner p{font-size:10px;line-height:1.5;margin-top:9px}.footer{justify-content:center;gap:12px;padding-top:24px;text-align:center}.footer>span{font-size:8px}.footer>div{width:100%;justify-content:center;gap:20px}.footer button{font-size:9px}.footer>small{font-size:8px}.recent-section .section-heading{display:block}.recent-section .section-heading>.subtle{display:block;margin-top:9px;font-size:10px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.recent-card{padding:8px;gap:8px}.recent-card:nth-child(n+3){display:none}.recent-card>img{width:45px;height:42px}.recent-card strong{font-size:11px}.recent-card small{font-size:8px}.recent-section .section-heading h2{font-size:24px}.page-intro{padding-top:17px}.page-intro h1{font-size:36px}.page-intro p{font-size:12px;line-height:1.7}.stat-grid{gap:9px;margin:25px 0 30px}.stat-card{padding:15px 10px;border-radius:13px}.stat-card>span{font-size:9px}.stat-card strong{font-size:27px}.stat-card small{font-size:8px}.badge-grid{gap:10px}.badge{padding:14px 10px;gap:9px}.badge-symbol{width:30px;height:37px;background:transparent}.badge-symbol .icon{width:24px;height:24px}.badge strong{font-size:11px}.badge small{font-size:8px;line-height:1.5}.score-row{padding:10px;gap:10px}.score-row img{width:45px;height:40px}.score-row strong{font-size:12px}.score-row .button{padding:9px;min-width:38px;font-size:10px}.score-value{font-size:18px!important}.scores-view .section-heading{gap:7px}.section-heading>.subtle{font-size:10px}.section-heading>.text-button{font-size:10px}.panel-head{padding:18px}.panel-head h2{font-size:24px}.panel-body{padding:19px 18px}.panel-dialog{border-radius:17px;max-height:calc(100dvh - 26px);width:calc(100% - 24px)}.avatar-option img{height:75px;width:85px}.avatar-option span{font-size:8px;line-height:1.4}.setting-row{gap:12px}.setting-row strong{font-size:12px}.setting-row span{font-size:10px}.color-swatch{width:32px;height:32px}.color-options{gap:3px}.prose{font-size:13px}.prose img{max-width:120px}.empty-state{padding:30px 15px}.empty-state h3{font-size:24px}.empty-state p{font-size:12px}}
@media(max-width:360px){.mobile-brand{font-size:15px;gap:6px}.topbar{padding:0 13px}.main-content{padding:17px 12px 0}.hero h1{font-size:53px}.hero-art{width:67%;right:-16%;top:18px}.hero{min-height:297px}.hero-copy{padding-left:17px}.wild-card{padding:12px;gap:6px}.wild-card>.eyebrow{max-width:62px;font-size:7px}.wild-art{width:66px;max-width:66px}.wild-bottom strong{font-size:18px}.wild-bottom .circle-arrow{width:27px;height:27px}.game-grid{gap:14px 10px}.game-card-meta{padding:11px 9px}.game-card-meta strong{font-size:14px}.game-card-meta p{font-size:9px}.section-heading h2{font-size:22px}.family-banner h2{font-size:16px}.family-banner{padding:19px 16px;gap:16px}.edition{font-size:6px}.avatar-option span{display:none}.setting-row span{font-size:9px}.setting-row select{max-width:112px}}
@media(max-height:820px) and (min-width:801px){.zero-note img{width:92px;height:82px}.zero-note{padding-top:0;padding-bottom:12px}.sidebar{padding-top:25px}.rail-label{margin-top:24px}.rail-bottom{padding-top:12px}.rail-parent{min-height:35px}}
@media(max-height:680px) and (min-width:801px){.zero-note{display:none}}

/* ===== Poki-style dense portal layer (Zero Pickles branded) ===== */
body{background:#0b0c12}
.app-shell{background:
  radial-gradient(1200px 600px at 10% -10%, #3a2a78aa, transparent 60%),
  radial-gradient(900px 500px at 90% 0%, #2a5a3aaa, transparent 55%),
  #0b0c12}
.sidebar{background:linear-gradient(180deg,#14151d,#101118);border-right-color:#2a2c3a;backdrop-filter:blur(10px)}
.topbar{background:#0b0c12cc;backdrop-filter:blur(16px);border-bottom-color:#262838}
.main-content{max-width:1680px}
.portal-hero{
  display:grid;grid-template-columns:1.4fr .9fr;gap:16px;margin-bottom:22px
}
.portal-feature{
  position:relative;min-height:280px;border-radius:24px;overflow:hidden;
  background:#171a28;border:1px solid #34364a;cursor:pointer;text-align:left;padding:0;color:#fff
}
.portal-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .35s}
.portal-feature:hover img{transform:scale(1.05)}
.portal-feature .shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0c12f0 10%,#0b0c1288 48%,transparent 78%)}
.portal-feature .copy{position:relative;z-index:2;padding:28px;max-width:420px}
.portal-feature .eyebrow{color:#caff48}
.portal-feature h2{font-size:clamp(28px,3.4vw,44px);margin:10px 0 12px;letter-spacing:-.05em}
.portal-feature p{color:#d5d2e2;font-size:14px;margin-bottom:18px}
.portal-side-stack{display:grid;gap:12px}
.portal-side-card{position:relative;border-radius:18px;overflow:hidden;min-height:134px;border:1px solid #34364a;background:#171a28;cursor:pointer;text-align:left;padding:0;color:#fff}
.portal-side-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.portal-side-card .shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b0c12ee,#0b0c1233)}
.portal-side-card .copy{position:relative;z-index:2;padding:16px}
.portal-side-card strong{display:block;font-size:18px;letter-spacing:-.03em}
.portal-side-card small{color:#c9c6d6}
.rail-section{margin:8px 0 28px}
.rail-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 12px}
.rail-head h2{font-size:22px}
.rail-head .subtle{font-size:12px}
.game-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.game-rail .game-tile{scroll-snap-align:start;min-width:180px}
.game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.game-tile{border-radius:14px;background:#141722;border-color:#2c3040;box-shadow:0 10px 30px #0004}
.game-card-meta strong{font-size:15px}
.game-card-meta p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:auto}
.cover-wrap{aspect-ratio:16/10}
.category-chip{border-radius:999px;background:#1a1d2a}
.footer{border-top:1px solid #2a2c3a;margin-top:28px}
.footer a.legal-link{color:#b3b0c0;font-size:10px;min-height:44px;display:inline-flex;align-items:center;padding:5px 0}
.footer a.legal-link:hover{color:var(--accent)}
.home-all-label{margin-top:8px}
@media(max-width:1200px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-hero{grid-template-columns:1fr}}
@media(max-width:800px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-feature{min-height:220px}.game-rail{grid-auto-columns:minmax(150px,70vw)}}

/* Poki-like cover richness */
.cover-wrap{aspect-ratio:16/10;background:#12141c}
.cover-top{position:absolute;inset:10px 10px auto 10px;display:flex;justify-content:space-between;z-index:3;pointer-events:none}
.cover-overlay{position:absolute;left:0;right:0;bottom:0;padding:14px 12px 12px;background:linear-gradient(180deg,transparent,#0b0c12f0 70%);z-index:2;display:flex;flex-direction:column;gap:4px}
.cover-title{font-family:var(--display);font-weight:900;font-size:16px;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 8px #0008}
.cover-sub{font-size:9px;letter-spacing:.08em;font-weight:800;color:#d7d4e6}
.cover-bar{display:block;width:72px;height:6px;border-radius:99px;background:#caff48;margin-top:4px}
.meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.play-pill{background:#caff48;color:#1b220f;font-size:10px;font-weight:900;border-radius:999px;padding:5px 9px;letter-spacing:.04em}
.game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.game-tile{border:0;background:transparent;box-shadow:none}
.game-tile .cover-wrap{border-radius:18px;box-shadow:0 14px 34px #0006}
.game-card-meta{padding:12px 4px 4px;background:transparent}
.game-tile:hover{transform:translateY(-6px)}
.favorite-toggle{background:#0f121ada;backdrop-filter:blur(8px)}
.category-list{gap:8px}
.category-chip{border-radius:999px;padding:10px 16px;font-size:12px}
@media(max-width:1200px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-title{font-size:14px}}

/* ===== Header bar menu (replaces empty rail sections) ===== */
.site-header-bar{
  position:sticky;top:0;z-index:15;margin:0 0 18px;
  padding:14px 0 12px;background:linear-gradient(180deg,#0b0c12f5 70%,#0b0c1200);
  backdrop-filter:blur(14px);
}
.header-bar-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}
.header-bar-title{font-size:clamp(26px,3.5vw,40px);margin:6px 0 0;letter-spacing:-.05em}
.header-search{width:min(320px,100%);min-height:46px}
.header-cat-scroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.header-cat-scroll::-webkit-scrollbar{display:none}
.header-cats{display:flex;gap:8px;padding:2px 0 6px;width:max-content;min-width:100%}
.compact-hero{margin-bottom:18px}
.home-grid-head{display:flex;justify-content:flex-end;margin:4px 0 12px}
.game-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
@media(max-width:1200px){.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-hero{grid-template-columns:1fr}}
@media(max-width:800px){
  .main-content{padding:14px 14px 0}
  .site-header-bar{top:66px;margin-bottom:12px;padding-top:8px}
  .header-bar-title{font-size:24px}
  .header-search{width:100%}
  .portal-hero{gap:10px}
  .portal-feature{min-height:180px;border-radius:18px}
  .portal-side-stack{grid-template-columns:1fr 1fr;display:grid}
  .portal-side-card{min-height:110px}
  .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .game-card-meta p{display:none}
  .cover-wrap{aspect-ratio:1.2}
}
@media(max-width:420px){
  .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .play-pill{font-size:9px;padding:4px 7px}
}

/* Founder story hero */
.nerd-story{
  display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center;
  margin:0 0 22px;padding:22px;border-radius:24px;border:1px solid #34364a;
  background:
    radial-gradient(700px 280px at 90% 10%, #7cff6a22, transparent 60%),
    linear-gradient(135deg,#141722,#0e1018 60%);
}
.nerd-story-copy h2{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.05em;margin:8px 0 12px;line-height:1.05}
.story-lead{font-size:17px;color:#f2f0ea;line-height:1.45;margin:0 0 10px;max-width:38ch}
.nerd-story-copy p{color:#bdb9cc;font-size:14px;line-height:1.55;margin:0 0 16px;max-width:42ch}
.story-actions{display:flex;flex-wrap:wrap;gap:10px}
.nerd-story-art{border-radius:18px;overflow:hidden;border:1px solid #3a3d52;min-height:180px}
.nerd-story-art img{width:100%;height:100%;object-fit:cover;display:block;min-height:200px}
@media(max-width:900px){
  .nerd-story{grid-template-columns:1fr;padding:16px}
  .nerd-story-art{order:-1}
  .nerd-story-art img{min-height:160px;max-height:220px}
}