*{box-sizing:border-box} :root{--bg:#f4f5f7;--card:#fff;--text:#111318;--muted:#6f7580;--line:#e3e6eb;--accent:#ffbd16;--dark:#17191e} body.dark{--bg:#111318;--card:#1b1e24;--text:#f7f7f8;--muted:#9ca2ad;--line:#2d3139;--dark:#f8f8f8}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}header{height:76px;padding:0 max(24px,4vw);display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--card) 88%,transparent);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand div{display:grid}.brand small{color:var(--muted);font-size:11px}.mark{width:42px;height:42px;border-radius:13px;background:var(--accent);color:#111;display:grid;place-items:center;font-weight:900}nav{display:flex;gap:5px}nav button,#theme{border:0;background:transparent;color:var(--muted);padding:10px 13px;border-radius:10px;cursor:pointer}nav button.active{background:var(--dark);color:var(--card)}main{max-width:1480px;margin:auto;padding:38px max(22px,4vw) 80px}.hero{background:var(--dark);color:var(--card);border-radius:30px;padding:52px;display:flex;justify-content:space-between;align-items:center;gap:40px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:var(--accent);filter:blur(10px);opacity:.13;right:-100px;top:-190px}.hero>div{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#aeb4bf}.hero h1{font-size:clamp(38px,5vw,76px);line-height:.95;margin:14px 0 20px;letter-spacing:-.055em;max-width:700px}.hero p{color:#b9bec7;max-width:600px;line-height:1.6}.heroActions{display:flex;gap:10px;margin-top:28px}.heroActions button{border:0;border-radius:13px;padding:13px 18px;font-weight:800;background:var(--accent);cursor:pointer}.heroActions .ghost{background:#2b2e35;color:white}.progressCard{min-width:330px;display:flex;align-items:center;gap:25px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:24px;border-radius:24px}.ring{width:122px;height:122px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--accent) var(--p),#343840 0);position:relative}.ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--dark)}.ring strong,.ring span{z-index:1}.ring strong{font-size:25px}.ring span{font-size:10px;color:#aaa}.quick{display:grid}.quick b{font-size:38px}.quick span,.quick small{color:#aeb4bf}.quick i{font-style:normal}.toolbar{display:grid;grid-template-columns:minmax(280px,1fr) repeat(3,180px) 46px;gap:10px;margin:30px 0}.search{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 14px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:13px}.toolbar select,.iconBtn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:0 13px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin:34px 0 18px}.sectionHead h2{margin:7px 0 0;font-size:32px}.sectionHead>span{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.08)}.media{height:205px;background:#eceef2;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.media img{display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:16px;transform:none!important;transition:none!important}.badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.badge{background:#17191e;color:white;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.badge.owned{background:var(--accent);color:#111}.content{padding:17px;display:flex;flex-direction:column;flex:1}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.card h3{font-size:16px;line-height:1.25;min-height:40px;margin:9px 0 14px}.specs{display:flex;gap:7px;margin-bottom:16px}.specs span{background:var(--bg);padding:7px 9px;border-radius:9px;color:var(--muted);font-size:11px}.actions{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-top:auto}.garageBtn,.wishBtn{border:1px solid var(--line);border-radius:12px;padding:11px;cursor:pointer;background:var(--card);color:var(--text);font-weight:800}.garageBtn.active{background:var(--accent);border-color:var(--accent);color:#111}.wishBtn.active{background:#ffe5ea;color:#df3153;border-color:#ffc5d0}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.chartCard{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px}.stat strong{font-size:35px;display:block}.stat span{color:var(--muted)}.chartCard{margin-top:16px}.barRow{display:grid;grid-template-columns:150px 1fr 70px;gap:12px;align-items:center;margin:14px 0}.barTrack{height:9px;border-radius:999px;background:var(--bg);overflow:hidden}.barFill{height:100%;background:var(--accent);border-radius:999px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);opacity:0;background:#111;color:#fff;padding:12px 18px;border-radius:12px;z-index:50;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}.toolbar{grid-template-columns:1fr 1fr 1fr}.search{grid-column:1/-1}.iconBtn{display:none}.hero{padding:36px}.progressCard{min-width:280px}}@media(max-width:760px){header{height:auto;padding:12px 16px;flex-wrap:wrap;gap:8px}.brand{width:calc(100% - 55px)}nav{width:100%;overflow:auto}nav button{white-space:nowrap}.hero{display:block;padding:28px;border-radius:22px}.progressCard{margin-top:28px;min-width:0}.toolbar{grid-template-columns:1fr}.search{grid-column:auto}.toolbar select{height:46px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.media{height:150px}.content{padding:13px}.card h3{font-size:14px}.statsGrid{grid-template-columns:repeat(2,1fr)}.barRow{grid-template-columns:90px 1fr 55px}.heroActions{flex-wrap:wrap}}@media(max-width:430px){.grid{grid-template-columns:1fr}.media{height:210px}.hero h1{font-size:42px}.progressCard{display:grid;grid-template-columns:110px 1fr}.ring{width:105px;height:105px}}
.card{cursor:default}.media,.content,.card h3{cursor:default}.garageBtn,.wishBtn{position:relative;z-index:3}.platformLink{color:var(--muted);padding:10px 13px;border-radius:10px;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}.platformLink:hover{color:var(--text)}
.garageCoverStar{position:absolute;z-index:5;top:12px;right:12px;width:38px;min-width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(23,25,28,.18);border-radius:50%;padding:0;color:#72787e;background:rgba(255,255,255,.95);font-size:19px;line-height:1;box-shadow:0 7px 20px rgba(23,25,28,.12);cursor:pointer}.garageCoverStar:hover,.garageCoverStar.is-selected{border-color:var(--accent);color:var(--accent);background:#fff7f3}.garageApp .badges{right:60px}
.platformHeader{height:auto;min-height:74px;padding:0;background:color-mix(in srgb,var(--card) 92%,transparent)}.platformShell{width:min(1380px,100%);min-height:74px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.platformBrand{display:flex;align-items:center;gap:12px;margin-right:auto;color:var(--text);text-decoration:none}.platformBrand>span:last-child{display:grid}.platformBrand strong{font-size:16px;letter-spacing:.12em}.platformBrand small{margin-top:2px;color:var(--muted);font-size:9px;letter-spacing:.12em}.platformMark{width:40px;height:40px;display:grid;place-items:center;border-radius:4px 12px 4px 4px;background:#ff6b2c;color:#111;font-size:22px;font-weight:950}.platformNav{display:flex;align-items:center;gap:6px}.platformNav a,.platformNavButton{min-width:0;width:auto;padding:10px 12px;border:0;border-radius:0;color:var(--muted);background:transparent;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}.platformNav a:hover,.platformNav a.active,.platformNavButton:hover{color:var(--text);transform:none}.platformNav form{margin:0}.platformNav .platformCta{border-radius:8px;background:#ff6b2c;color:#15100d}.garageModuleBar{min-height:74px;display:flex;align-items:center;gap:22px;margin-bottom:24px;padding:11px 14px 11px 12px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.garageIdentity{display:flex;align-items:center;gap:11px;margin-right:auto}.garageIdentity>div{display:grid}.garageIdentity b{font-size:15px}.garageIdentity small{color:var(--muted);font-size:10px}.garageIdentity .mark{width:38px;height:38px;border-radius:11px}.garageTabs{display:flex;align-items:center;gap:5px}.garageTabs button{min-width:0;border:0;background:transparent;color:var(--muted);padding:10px 13px;border-radius:10px;cursor:pointer}.garageTabs button.active{background:var(--dark);color:var(--card)}#theme{width:42px;min-width:42px;height:42px;padding:0;border:1px solid var(--line);background:var(--bg)}
@media(max-width:760px){.platformHeader{padding:0}.platformShell{align-items:flex-start;padding:12px 16px}.platformBrand small{display:none}.platformNav{max-width:62%;overflow-x:auto}.platformNav .platformCta{display:none}.garageModuleBar{align-items:flex-start;flex-wrap:wrap}.garageIdentity{width:calc(100% - 60px)}.garageTabs{width:100%;order:3;overflow-x:auto}.garageTabs button{white-space:nowrap}}
.garageApp{--bg:#fff;--card:#fff;--text:#171a1d;--muted:#68737d;--line:rgba(20,29,38,.13);--accent:#ff6b2c;--dark:#171a1d;min-width:320px;overflow-x:hidden;background:#fff;color:var(--text)}.garageApp:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 83% 3%,rgba(255,107,44,.07),transparent 29%),linear-gradient(rgba(20,29,38,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,29,38,.025) 1px,transparent 1px);background-size:auto,36px 36px,36px 36px}.garageApp .platformHeader{border-color:var(--line);background:rgba(255,255,255,.92)}.garageApp main{width:min(1380px,100%);max-width:none;padding:30px 28px 72px}.garageApp .garageModuleBar{min-height:0;margin:0 0 40px;padding:0 0 20px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.garageApp .garageIdentity .mark{border-radius:4px 12px 4px 4px;background:var(--accent)}.garageApp .garageIdentity b{letter-spacing:.02em}.garageApp .garageIdentity small{text-transform:uppercase;letter-spacing:.09em}.garageApp .garageTabs button{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:#fff;font-size:12px;font-weight:750}.garageApp .garageTabs button:hover{border-color:var(--accent);color:var(--text)}.garageApp .garageTabs button.active{border-color:var(--accent);background:var(--accent);color:#15100d}.garageApp .hero{min-height:0;margin:0 0 34px;padding:0 0 42px;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);overflow:visible}.garageApp .hero:after{width:420px;height:270px;right:0;top:-30px;background:radial-gradient(circle,rgba(255,107,44,.12),transparent 68%);filter:none;opacity:1}.garageApp .hero .eyebrow,.garageApp .sectionHead .eyebrow{color:var(--accent)}.garageApp .hero h1{max-width:760px;margin:10px 0 18px;font-size:clamp(44px,5.2vw,72px);line-height:.96;font-weight:850}.garageApp .hero p{max-width:650px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}.garageApp .heroActions{margin-top:24px}.garageApp .heroActions button{border-radius:8px;background:var(--accent);color:#15100d}.garageApp .heroActions .ghost{border:1px solid var(--line);background:#fff;color:var(--text)}.garageApp .progressCard{min-width:330px;border:1px solid rgba(255,107,44,.22);border-radius:14px;background:#fff7f2;box-shadow:none}.garageApp .ring{background:conic-gradient(var(--accent) var(--p),#e4e6e5 0)}.garageApp .ring:after{background:#fff}.garageApp .ring span,.garageApp .quick span,.garageApp .quick small{color:var(--muted)}.garageApp .toolbar{grid-template-columns:minmax(280px,1fr) repeat(3,180px) 46px;margin:0 0 36px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8f9f8}.garageApp .search,.garageApp .toolbar select,.garageApp .iconBtn{min-height:44px;border-radius:8px;background:#fff}.garageApp .sectionHead{margin:0 0 18px}.garageApp .sectionHead h2{font-size:32px;letter-spacing:-.035em}.garageApp .grid{gap:18px}.garageApp .card{border-radius:16px;box-shadow:0 10px 30px rgba(20,29,38,.06);transition:border-color .18s,box-shadow .18s}.garageApp .card:hover{transform:none;border-color:rgba(255,107,44,.35);box-shadow:0 12px 32px rgba(20,29,38,.09)}.garageApp .media{height:auto;aspect-ratio:1.24;background:#f3f4f2;border-bottom:1px solid var(--line)}.garageApp .media img{padding:20px}.garageApp .badge{background:var(--text)}.garageApp .badge.owned{background:var(--accent)}.garageApp .content{padding:17px}.garageApp .specs span{background:#f5f6f5}.garageApp .garageBtn,.garageApp .wishBtn{border-radius:8px;background:#fff}.garageApp .garageBtn:hover,.garageApp .wishBtn:hover{transform:none;border-color:var(--accent);color:var(--text)}.garageApp .garageBtn.active{border-color:var(--accent);background:var(--accent)}.garageApp .stat,.garageApp .chartCard{border-radius:14px;box-shadow:0 10px 30px rgba(20,29,38,.05)}.garageApp .barFill{background:var(--accent)}.platformFooter{border-top:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.78);font-size:10px;letter-spacing:.08em}.platformFooter>div{width:min(1380px,100%);min-height:76px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
@media(max-width:1050px){.garageApp .toolbar{grid-template-columns:1fr 1fr 1fr}.garageApp .search{grid-column:1/-1}.garageApp .hero{padding-bottom:34px}.garageApp .progressCard{min-width:280px}}
@media(max-width:760px){.garageApp main{padding:24px 18px 58px}.garageApp .garageModuleBar{margin-bottom:30px}.garageApp .garageIdentity{width:auto}.garageApp .garageTabs{order:3}.garageApp .hero{display:block}.garageApp .progressCard{margin-top:26px}.garageApp .toolbar{grid-template-columns:1fr;padding:12px}.garageApp .search{grid-column:auto}.platformFooter>div{padding:0 18px;align-items:flex-start;flex-direction:column;justify-content:center}.garageApp .grid{gap:14px}}

/* BrickBox Brand System 2026 */
.garageApp{--bg:#f6f6f3;--card:#fff;--text:#17191c;--muted:#6b7078;--line:#dedfd9;--accent:#f15a24;--dark:#17191c;background:var(--bg);font-feature-settings:"cv02","cv03","cv04","cv11"}
.garageApp:before{background:linear-gradient(rgba(23,25,28,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(23,25,28,.018) 1px,transparent 1px);background-size:48px 48px}
.garageApp .platformHeader{min-height:78px;border-color:rgba(255,255,255,.09);background:rgba(23,25,28,.97);box-shadow:0 8px 30px rgba(15,16,18,.09)}
.garageApp .platformShell{min-height:78px}
.platformSymbol{width:32px;height:32px;flex:0 0 auto}
.garageApp .platformBrand strong{color:#fff;font-size:14px;font-weight:720}
.garageApp .platformBrand small{color:#989da5;font-size:7px;font-weight:650;letter-spacing:.19em}
.garageApp .platformNav a,.garageApp .platformNavButton{color:#9da2aa;font-size:12px;font-weight:620}
.garageApp .platformNav a:hover,.garageApp .platformNav a.active,.garageApp .platformNavButton:hover{color:#fff}
.garageApp .platformNav a.active{position:relative}
.garageApp .platformNav a.active:after{content:"";position:absolute;right:12px;bottom:3px;left:12px;height:2px;border-radius:2px;background:var(--accent)}
.garageApp .platformNav .platformCta{color:#fff;background:var(--accent)}
.garageApp main{padding-top:38px}
.garageApp .garageModuleBar{margin-bottom:28px}
.garageApp .garageIdentity .mark{border-radius:9px;background:#17191c;color:#fff}
.garageApp .garageTabs button.active{border-color:#17191c;background:#17191c;color:#fff}
.garageApp .hero{margin-bottom:28px;padding:34px 38px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#17191c;color:#fff;overflow:hidden;box-shadow:0 20px 56px rgba(23,25,28,.11)}
.garageApp .hero:after{width:330px;height:330px;right:-165px;top:auto;bottom:-190px;border:72px solid rgba(241,90,36,.12);border-radius:50%;background:none}
.garageApp .hero h1{margin:9px 0 14px;color:#fff;font-size:clamp(38px,4.4vw,58px);font-weight:640}
.garageApp .hero p{max-width:590px;color:#aeb2b8;font-size:14px}
.garageApp .heroActions{margin-top:18px}
.garageApp .progressCard{min-width:286px;gap:18px;padding:18px;border-color:rgba(255,255,255,.13);border-radius:18px;background:#202328}
.garageApp .ring{width:96px;height:96px}
.garageApp .ring strong{font-size:21px}
.garageApp .quick b{font-size:31px}
.garageApp .ring:after{background:#202328}
.garageApp .heroActions button{color:#fff}
.garageApp .heroActions .ghost{color:#fff;border-color:rgba(255,255,255,.18);background:transparent}
.garageApp .toolbar{border-color:#d9dbd5;background:#f0f1ed}
.garageApp .card{border-color:#d9dbd5;border-radius:17px;box-shadow:0 8px 28px rgba(23,25,28,.035)}
.garageApp .card:hover{border-color:#aeb1aa;box-shadow:0 16px 38px rgba(23,25,28,.07)}
.garageApp .garageBtn.active{color:#fff}
.platformFooter{color:#a4a9b0;border-color:rgba(255,255,255,.08);background:#17191c}
.platformFooterBrand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.13em}
.platformFooterAttribution{max-width:1324px;margin:0 auto;padding:13px 28px 16px;border-top:1px solid rgba(255,255,255,.08);color:#8f959d;font-size:9px;line-height:1.6;letter-spacing:.015em}
.platformFooterAttribution a{color:#c9cdd2;text-decoration:underline;text-decoration-color:rgba(255,107,44,.55);text-underline-offset:3px}
@media(max-width:760px){.garageApp .hero{padding:26px 22px;border-radius:18px}.garageApp .hero h1{font-size:40px}.garageApp .progressCard{margin-top:22px}.platformSymbol{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.garageApp *,.garageApp *:before,.garageApp *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}