@import url('/assets/css/bit-fonts.css');
@import url('/assets/css/bit-3d-glass.css?v=20261029-clean');
:root{--bg:#090912;--panel:#141421;--text:#f7f7ff;--muted:#aaaabd;--line:#303044;--primary:#8b5cf6;--accent:#e9449f;--pink:#e9449f;--surface-strong:#19182b;--surface-deep:#11111d;--theme-glow:rgba(112,60,176,.26);--accent-soft:#b9a8ff;--on-primary:#fff}
html[data-theme="light"]{--bg:#f4f6fc;--panel:#fff;--text:#171a26;--muted:#62697a;--line:#d8dce7;--primary:#5968db;--accent:#d13a87;--pink:#d13a87;--surface-strong:#fff;--surface-deep:#eef1f7;--theme-glow:rgba(89,104,219,.13);--accent-soft:#5b50a7;--on-primary:#fff}
html[data-theme="sunset"]{--bg:#32113d;--panel:#472044;--text:#fff5fa;--muted:#d3b4ca;--line:#70435f;--primary:#ff7a8a;--accent:#ffb45e;--pink:#ff7a8a;--surface-strong:#4d213d;--surface-deep:#2e142e;--theme-glow:rgba(255,122,138,.2);--accent-soft:#ffc1b0;--on-primary:#28100c}
html[data-theme="ocean"]{--bg:#071E2E;--panel:#0D3044;--text:#F1FBFF;--muted:#8EB5C5;--line:#1D4B61;--primary:#23B5D3;--accent:#60E1C2;--pink:#60E1C2;--surface-strong:#0D3044;--surface-deep:#082637;--theme-glow:rgba(35,181,211,.2);--accent-soft:#91EDDD;--on-primary:#03171e}
html[data-theme="forest"]{--bg:#101C16;--panel:#1A2B21;--text:#F3F7ED;--muted:#9CAF9F;--line:#32483A;--primary:#72C68C;--accent:#E3B764;--pink:#E3B764;--surface-strong:#1A2B21;--surface-deep:#13231a;--theme-glow:rgba(114,198,140,.18);--accent-soft:#b8dfc2;--on-primary:#07120b}
html[data-theme="fall"]{--bg:#1c0e08;--panel:rgba(46,23,14,0.88);--text:#fff5ec;--muted:rgba(255,225,205,0.74);--line:rgba(245,150,75,0.24);--primary:#e66a28;--accent:#f5a642;--pink:#e85938;--surface-strong:rgba(56,28,17,0.92);--surface-deep:#140904;--theme-glow:rgba(230,106,40,0.28);--accent-soft:#fbd38d;--on-primary:#fff}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}
body.bos-page{min-height:100vh;margin:0;background:radial-gradient(circle at 82% 0,var(--theme-glow),transparent 32rem),var(--bg);color:var(--text);font:17px/1.62 var(--font-ui)}
.bos-main{width:min(1180px,calc(100% - 32px));margin:auto;padding:52px 0 70px}
.bos-hero{padding:clamp(28px,6vw,68px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,var(--surface-strong),var(--surface-deep));box-shadow:0 24px 70px rgba(0,0,0,.3)}
.bos-kicker{display:inline-block;color:var(--accent-soft);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-game-dialogue)}.bos-hero h1{max-width:760px;margin:14px 0;font-size:clamp(52px,8vw,92px);line-height:.9;letter-spacing:-.065em;font-family:var(--font-heading)}.bos-hero p,.bos-section>p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.62}


.bos-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.bos-btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 18px;border-radius:13px;background:linear-gradient(100deg,var(--primary),var(--accent));color:var(--on-primary);font-weight:850;text-decoration:none}.bos-btn.secondary{border:1px solid var(--line);background:var(--surface-strong);color:var(--text)}
.bos-section{margin-top:46px}.bos-section h2{margin:0;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}.bos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.bos-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:126px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);text-decoration:none;box-shadow:0 12px 34px rgba(0,0,0,.16);transition:transform .18s,border-color .18s}.bos-card:hover{transform:translateY(-3px);border-color:var(--primary)}.bos-card-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--accent-soft);font-size:22px;overflow:hidden}.bos-card-brand-icon{padding:3px;background:rgba(255,255,255,.08)}.bos-card-brand-icon img{display:block;width:100%;height:100%;border-radius:11px;object-fit:contain}.bos-card-brand-tile{position:relative;padding:7px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 38%,transparent),color-mix(in srgb,var(--accent) 24%,transparent))}.bos-card-brand-tile img{display:block;width:100%;height:100%;object-fit:contain;opacity:.8}.bos-card-brand-tile small{position:absolute;right:3px;bottom:2px;min-width:19px;padding:1px 3px;border-radius:5px;background:var(--surface-deep);color:var(--text);font:900 8px/1.25 system-ui,sans-serif;letter-spacing:.02em;text-align:center}.bos-card strong{display:block;font-size:16px}.bos-card p{margin:5px 0 0;color:var(--muted);font-size:13px}.bos-card-status{color:var(--accent-soft);font-size:12px;font-weight:850}
.bos-card-locked{cursor:not-allowed;opacity:.62;box-shadow:none}.bos-card-locked:hover{transform:none;border-color:var(--line)}.bos-card-locked .bos-card-icon{filter:grayscale(.65)}.bos-card-locked .bos-card-status{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.bos-card-locked .bos-card-status:before{content:"🔒";font-size:11px}
@media(max-width:850px){.bos-main{padding-top:30px}.bos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.bos-main{width:min(100% - 22px,1180px)}.bos-hero{padding:27px 22px;border-radius:22px}.bos-hero h1{font-size:52px}.bos-grid{grid-template-columns:1fr}.bos-card{min-height:112px;padding:17px}}