/* BLACK HOLE / OBSIDIAN — shared visual language, original artwork and ornamental surfaces. */
:root{--bg:#0c0a12;--surface:#1b1728;--text:#faf3e5;--muted:#bcb3c9;--purple:#ccb0ff;--border:#54405f;--gold:#f4ce83;--aether:#95e4de;--radius:5px}
body,.account-page{background-color:var(--bg);background-image:radial-gradient(ellipse at 80% 0,#4b26554a,transparent 54%),repeating-linear-gradient(135deg,#ffffff02 0 1px,transparent 1px 9px);color:var(--text)}
.header{background:linear-gradient(180deg,#27202fec,#110e1be8);border-bottom:1px solid #a87b4b85;box-shadow:0 5px 0 #08060f,0 6px 0 #6f50622b,0 12px 44px #0006;backdrop-filter:blur(18px)}
.brand>span{font-weight:800;letter-spacing:2px;color:#fff0d2;text-shadow:0 2px #372146,0 0 20px #ebc37c35}.brand small{color:#c5adc9;letter-spacing:2.7px}.brand img{filter:drop-shadow(0 0 12px #e7af6344)}
h1,h2,h3{font-weight:800}h1{letter-spacing:-1.7px}h1 em,h2 em{color:var(--gold);font-style:normal;text-shadow:0 3px 0 #70493870,0 0 40px #d8a76335}.eyebrow{color:var(--gold);letter-spacing:2.5px;font-size:11px}
.button,.primary-button,.secondary-button{border-radius:4px;position:relative;font-weight:800;letter-spacing:.2px;transition:filter .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffff35,0 3px 0 #07050d,0 4px 0 #ad82514f;min-height:48px}
.button.primary,.button.nav-download,.primary-button{background:linear-gradient(180deg,#ffe5ac 0,#dfac5d 52%,#be8447 100%);color:#2e1c24;border:1px solid #f9dba4;text-shadow:0 1px #fff7d66b;box-shadow:inset 0 2px #fff3c4, inset 0 -3px #8b553e,0 4px 0 #170e19,0 8px 28px #c08c391f}
.button.secondary,.secondary-button{background:linear-gradient(180deg,#514162,#292035);border:1px solid #a282b3;color:#f9eeff;box-shadow:inset 0 1px #d7b8f744,inset 0 -3px #1a1225,0 4px #09050f}
.button:hover,.primary-button:hover,.secondary-button:hover{filter:brightness(1.13);box-shadow:inset 0 1px #ffffff50,0 3px 0 #07050d,0 0 26px #b892df44;transform:none}
.hero{min-height:690px;border-bottom:1px solid #b8906377}.hero-image{object-position:70% center}.hero-scrim{background:linear-gradient(90deg,#100b1bec 0,#100b1bad 35%,#100b1b22 66%,#100b1b11),linear-gradient(0deg,#0c0a12 0,transparent 40%)}.hero h1{font-size:clamp(46px,5.7vw,86px);line-height:1.08;max-width:850px;text-shadow:0 4px 0 #20132e,0 15px 60px #000b}.hero p{color:#e1d3e8}.hero .hero-content{padding-top:150px;padding-bottom:120px}.hero .eyebrow{color:#e8c389}.hero-bottom{color:#cfb8cf}.hero-meta{color:#c8b9cc}
.foundation-strip{background:linear-gradient(180deg,#23182b,#15101e);border-bottom:1px solid #62475a}.foundation-strip strong{color:var(--gold)}
.pack-card,.journey-card,.account-card,.catalog-card,.kit-card,.wardrobe-card,.guide-card,.guide-step,.quest-card,.account-sidebar,.auth-layout,dialog,.hub-banner,.final-cta{border-radius:6px;border:1px solid #755268;background-color:#20182b;background-image:linear-gradient(140deg,#6b457325,transparent 46%),linear-gradient(0deg,#100c16aa,transparent);box-shadow:inset 0 1px #e3bbff24,inset 0 -3px #08060f88,0 12px 36px #0005;position:relative}
.pack-card:before,.account-card:before,.kit-card:after,.wardrobe-card:before,.hub-banner:before{content:"";position:absolute;z-index:2;inset:5px;pointer-events:none;background:linear-gradient(var(--gold),var(--gold)) left top/19px 2px no-repeat,linear-gradient(var(--gold),var(--gold)) left top/2px 19px no-repeat,linear-gradient(#c0a1d2,#c0a1d2) right bottom/19px 2px no-repeat,linear-gradient(#c0a1d2,#c0a1d2) right bottom/2px 19px no-repeat;opacity:.7}
.pack-description{background:linear-gradient(135deg,#342139,#17111f)}.pack-badges span,.rank-badge,.tags span{border-radius:3px;background:#39273d;color:#f3ce91;border:1px solid #8b6544}.section-heading h2{letter-spacing:-1.5px}.possibilities article{border-top:1px solid #96724c}.feature-number{color:var(--gold)}
.journey-card{overflow:hidden;transition:border-color .2s,box-shadow .2s}.journey-card:hover,.wardrobe-card:hover{border-color:#e5b974;box-shadow:inset 0 1px #e3bbff30,0 12px 40px #6f419733}.journey-card img{filter:saturate(.85) contrast(1.1)}.hub-banner{padding:30px;background:linear-gradient(100deg,#311e43f5,#21162dde),url('assets/obsidian-universe.png') right center/cover}.hub-banner kbd{color:#ffe2a3;background:linear-gradient(#51364e,#271a2e);border:1px solid #aa7e59;box-shadow:0 6px #09060e,inset 0 1px #e8cc9f55;border-radius:6px}
.start-section{background:linear-gradient(110deg,#22162aee,#120c1ce0),url('assets/obsidian-universe.png') center/cover;border-block:1px solid #69445b}.step-number{color:#e7bc75;border-color:#8e654a;background:#31223b}.faq-list details{border-color:#6e4c62}.faq-list summary{color:#f6e5ce}.final-cta{padding:32px;background:radial-gradient(ellipse at right,#78508e45,transparent 70%),#21182c}.footer{border-top-color:#68475e}.footer-bottom{color:#a693b0}
.auth-art{background-image:linear-gradient(0deg,#1c1027f5,#130c1b10),url('assets/obsidian-universe.png');background-position:65% center}.auth-panel{background:linear-gradient(155deg,#302036,#1b1424)}.auth-form input,.kit-toolbar input,input,select{border-radius:4px;border-color:#76526d;background-color:#130e1c;color:#f4eadd}.auth-tabs .active,.account-nav .active,.filters button[aria-pressed=true]{background:linear-gradient(#6e4e83,#3c2a4b);color:#ffe1aa;border:1px solid #b698c7;box-shadow:inset 0 1px #edcaff3b,0 3px #0c0812;border-radius:4px}.account-banner{border:1px solid #98734c;background:linear-gradient(95deg,#33213de8,#2d1c3288),url('assets/obsidian-universe.png') 70% center/cover;border-radius:5px}.balance-number,.catalog-price{color:var(--gold)}.account-nav button{border-radius:4px}.account-section{background:#17111f}.account-heading h1{color:#fff0d9}
.wardrobe-hero{border-bottom:1px solid #765368;padding-bottom:42px}.wardrobe-hero h1{line-height:1.07;font-size:clamp(46px,5vw,76px)}.wardrobe-hero>img{filter:drop-shadow(0 20px 50px #924ec737)}.wardrobe-card{overflow:hidden}.wardrobe-card .model-viewer{background:radial-gradient(ellipse at 50% 40%,#5b3b68,transparent 64%),linear-gradient(145deg,#231b31,#100b1b)}.wardrobe-card h3{color:#ffead0}.wardrobe-card>img{background:radial-gradient(ellipse,#4e345e,#15101f);border-bottom:1px solid #675078}.filters button{border-radius:4px;border:1px solid #614861;background:linear-gradient(#36273f,#211928);color:#d8c5e6;min-height:44px}.filters button:hover{border-color:#e5bd7e}.wardrobe-foot{border-top:1px solid #86614c}
#model-dialog{background:linear-gradient(145deg,#35213d,#140d20);border:1px solid #c59a67;box-shadow:inset 0 0 0 4px #110b1a,0 30px 160px #000c}#model-dialog .model-viewer{background:radial-gradient(ellipse,#4c305f,#100c18)}.viewer-bar button{border-radius:3px;background:linear-gradient(#4f365d,#271c34);border-color:#9c78ab}.kit-inventory{background:linear-gradient(145deg,#3d2b3e,#21162b);border-color:#9b795c}.kit-slot{border-radius:2px;border-color:#6e5266;background:linear-gradient(#140f1e,#302238);box-shadow:inset 2px 2px 0 #08050f,inset -1px -1px #ac87b133}.kit-tooltip{border-color:#d5b17f;background:#211429}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ffdc98;outline-offset:4px}
@media(max-width:750px){.hero{min-height:640px}.hero .hero-content{padding-top:125px;padding-bottom:110px}.hero-image{object-position:68% center}.hero-scrim{background:linear-gradient(90deg,#100b1bef,#100b1b6b),linear-gradient(0deg,#0c0a12,transparent 60%)}.hero h1{font-size:46px}.hero p{font-size:15px}.hub-banner,.final-cta{padding:22px}.wardrobe-hero h1{font-size:42px}.header .brand>span{letter-spacing:1px}.button{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}