/* v0.3 approved direction: moonlit ruins, restrained violet frames, compact game panels. */
:root{--bg:#080e19;--panel:#0d1623;--panel2:#141e2d;--line:#3a4864;--text:#e6e9f6;--muted:#9ba9cb;--accent:#9172dc;--accent2:#c0a9f1;--cyan:#77d6e2}
body{background:#090f1b url('assets/night-ruins.png') center top/cover fixed no-repeat;color:var(--text)}body:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#04091520,transparent 12%,#070e17e8 17%,#070e17e8 83%,transparent 90%,#04091520);pointer-events:none;z-index:-1}.shell{max-width:1264px;padding-left:24px;padding-right:24px}.topbar{background:#080e19ed;border-bottom:1px solid #465074;box-shadow:0 4px 22px #0005}.topbar .inner{max-width:1510px;height:70px;gap:20px}.brand{min-width:215px;gap:10px}.brand b{font-weight:600;font-size:18px;letter-spacing:.065em}.brand small{font-size:10px;color:#8b99ba;letter-spacing:.02em}.brandmark{background:transparent;border:0;width:39px;height:44px;clip-path:none}.brandmark span{font-size:41px;color:#a88adf}.nav{gap:5px;justify-content:flex-start}.nav a{font-size:14px;padding:7px 10px;color:#d2d6e8}.nav a.active{background:linear-gradient(#322750,#171d31);border:1px solid #8a75b8;box-shadow:inset 0 -3px #8867c4,0 0 10px #7054a825;border-radius:2px}.header-controls{display:flex;gap:14px;align-items:center;margin-left:auto}.header-search{display:flex;align-items:center;border:1px solid #344360;border-radius:3px;width:200px;background:#0a1220;height:34px}.header-search input{width:100%;min-width:0;padding:8px 10px;border:0;background:none;color:var(--text);font-size:12px}.header-search button{border:0;background:transparent;color:#aeb7d3;font-size:23px;padding:0 9px}.locale-label{display:flex;align-items:center;gap:8px;border:1px solid #344360;padding:4px 8px;height:34px}.locale-label select{background:#0a1220;color:#d6dff3;border:0;font-size:13px}.utility{display:none!important}.topbar .menu-toggle{min-height:34px}.sample-banner{font-size:12px;line-height:1.5;padding:10px 0;color:#9caaca;border-bottom:1px solid #2b344a;gap:10px}.sample-label{border:0;color:#b39bdc;font-size:10px;padding:0;letter-spacing:.11em}.sample-banner strong{font-weight:400;color:#c8b3e5}.card{border:1px solid #586085;background:linear-gradient(110deg,#101926f5,#0b1420f5);border-radius:0;box-shadow:inset 0 0 0 4px #080f1960,0 4px 14px #02050940;isolation:isolate}.card:before{width:23px;height:23px;border-top:2px solid #a293cf;border-left:2px solid #a293cf;top:3px;left:3px;clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,100% 0,100% 2px,10px 2px,10px 6px,6px 6px,6px 10px,2px 10px,2px 100%,0 100%);z-index:3}.card:after{width:23px;height:23px;right:3px;bottom:3px;border-color:#8290b7;clip-path:polygon(0 98%,13px 98%,13px 18px,17px 18px,17px 14px,21px 14px,21px 0,100% 0,100% 16px,19px 16px,19px 20px,15px 20px,15px 100%,0 100%);z-index:3}.btn{min-height:35px;padding:7px 12px;border-color:#445375;color:#dce3f6;font-size:14px;background:linear-gradient(#172336,#0d1727);border-radius:3px;box-shadow:inset 0 0 0 2px #0a1428}.btn.primary{background:linear-gradient(#a58aef,#7050ba);border-color:#b7a3f3;box-shadow:inset 0 0 0 2px #b799ff70,0 0 12px #7b55cb30;color:#f4f0ff}.btn:hover{border-color:#a997d5;background-color:#252840}.btn[aria-pressed=true]{border-color:#ac94df}.tag{padding:2px 7px;border-radius:2px;font-size:12px;background:#20203a;border-color:#665685;line-height:1.4}.eyebrow{letter-spacing:.13em;font-size:11px;color:#9e91c7}.section-emblem{display:inline-flex;font-size:27px;color:#b89be8;line-height:1;vertical-align:middle;margin-right:12px;font-weight:400}.section-title h2{font-size:19px;letter-spacing:-.02em}.section-title{margin-bottom:18px}.text-link{color:#b4a4de;font-size:13px}.portrait{background-image:url('assets/character-atlas.png')!important;background-size:300% auto!important;background-repeat:no-repeat!important;background-color:#1a1d2c!important}.portrait-0{background-position:0 25%!important}.portrait-1{background-position:50% 25%!important}.portrait-2{background-position:100% 25%!important}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#090e1760 75%,#090e17db);pointer-events:none}.build-thumb{height:205px;position:relative;border-bottom:1px solid #505071}.art-caption{font-size:9px;letter-spacing:.1em;bottom:13px;left:16px;color:#b4aed0;z-index:1}.art-corner{position:absolute;right:15px;top:12px;color:#cbb4f0;font-size:23px;z-index:1}.build-card{background:#0d1724;overflow:hidden}.build-card:before,.build-card:after{z-index:3}.build-body{padding:18px 20px}.build-body h3{font-size:21px;margin:12px 0 7px}.card-combo{font-size:14px;color:#bfc5e0}.card-core{padding:18px 0 14px;gap:7px}.card-core .entity-icon{width:32px;height:34px}.card-core .asset-icon{width:100%;height:100%}.micro-label{font-size:10px;writing-mode:horizontal-tb;display:none}.card-bottom{font-size:12px;border-color:#293b51;padding-top:9px}.card-descendants{color:#a8bcc5;margin-right:10px}.card-bottom>.muted{flex:1}.reaction{font-size:17px;color:#9caacd}.reaction.selected{color:#bd9cec}.reaction[data-reaction=likes].selected{color:#f583b0}.entity-icon{width:54px;height:56px;background:radial-gradient(#3f245055,#090e19 70%);border:1px solid #9588b3;box-shadow:inset 0 0 0 2px #080d19,inset 0 0 0 3px #423b56,0 2px 7px #0007;border-radius:3px;overflow:hidden}.entity-icon:hover{border-color:#ba96fa;box-shadow:0 0 0 1px #a681e3,0 0 13px #8758d26b}.entity-icon:before{inset:4px;border-color:#b19ac024}.asset-icon{display:block!important;width:100%;height:100%;background-image:url('assets/icon-atlas.png');background-repeat:no-repeat;background-size:500% 350%;margin:0!important;max-width:none!important}.asset-0{background-position:0% 16%}.asset-1{background-position:25% 16%}.asset-2{background-position:50% 16%}.asset-3{background-position:75% 16%}.asset-4{background-position:100% 16%}.asset-5{background-position:0% 80%}.asset-6{background-position:25% 80%}.asset-7{background-position:50% 80%}.asset-8{background-position:75% 80%}.asset-9{background-position:100% 80%}.alpha-hero{min-height:230px;display:flex;align-items:center;margin:26px 0 30px;padding:34px 40px;background:linear-gradient(90deg,#0b1323f0 0%,#0d1425b0 55%,#14142b30),url('assets/night-ruins.png') center 40%/cover;border-top:1px solid #4d4b72;border-bottom:1px solid #4d4b72;position:relative}.alpha-hero:after{content:'✧';position:absolute;right:15%;top:55px;font-size:92px;color:#b39cda50}.alpha-hero>div{position:relative;z-index:1}.alpha-hero h1{font-size:35px;line-height:1.3;letter-spacing:-.045em;margin:12px 0 15px;max-width:700px}.alpha-hero p{font-size:15px;color:#abb7d4;margin:0}.alpha-hero .build-actions{align-items:center}.alpha-hero .tag{margin-left:10px;background:#101b2bcc;color:#83d1dc;border-color:#356170}.gateway{padding-top:4px}.gateway-layout{display:grid;grid-template-columns:1fr 300px;gap:26px}.gateway-title{display:flex;gap:12px;align-items:center;margin:12px 0 15px}.gateway-title>span:first-child{font-size:12px;border:1px solid #5b5277;padding:2px 6px;color:#b69bde}.gateway-title h3{font-size:17px;margin:0}.gateway-title>.muted{font-size:12px;margin-left:auto}.race-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.race-card{height:205px;position:relative;border:1px solid #4d5674;border-radius:2px;padding:0;cursor:pointer;text-align:left;overflow:hidden;transition:border-color .15s,transform .15s}.race-card:hover{transform:translateY(-2px);border-color:#a693c9}.race-card.selected{border:2px solid #b395e8;box-shadow:0 0 14px #8056b925}.race-card:after{background:linear-gradient(transparent 20%,#0a101966 65%,#080e18fa)}.race-label{position:absolute;bottom:17px;left:18px;z-index:1}.race-label strong{display:block;font-size:22px;color:#eee9fb}.race-label small{display:block;font-size:12px;color:#a5adca;margin-top:3px}.selection-check{display:none;position:absolute;right:12px;top:12px;z-index:2;border:1px solid #a690d0;background:#2d2546;width:24px;height:24px;text-align:center;color:#dac4ff}.selected .selection-check{display:block}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.class-card{border:1px solid #384861;background:linear-gradient(#141e30,#0d1523);padding:13px 9px;display:flex;align-items:center;gap:10px;cursor:pointer}.class-card .entity-icon{width:35px;height:37px}.class-card strong{font-size:13px;font-weight:500}.class-card.selected{border-color:#a78acc;background:#25213b;box-shadow:inset 0 -2px #8062b7}#archetype-result{align-self:stretch;margin-top:12px;background:linear-gradient(170deg,#24213bd9,#0d1727 70%)}.archetype-panel{padding:28px 26px}.archetype-panel .eyebrow{font-size:12px}.combo-equation{display:flex;gap:12px;align-items:center;margin:25px 0 22px;font-size:20px;color:#e2d4fa}.combo-equation>b{color:#81749d;font-weight:400}.archetype-panel h3{font-size:17px;margin:16px 0 12px}.archetype-panel p{font-size:13px;line-height:1.7}.archetype-panel .build-actions{display:grid;margin-top:24px;gap:10px}.archetype-panel.compact{padding:20px}.archetype-panel.compact .combo-equation{margin:14px 0}.creator-combo{margin-top:20px;border:1px solid #4b4966;background:#171b2c}.home-quick{display:grid;grid-template-columns:1fr 1fr;gap:24px}.quick-tile{display:flex;gap:16px;align-items:center;padding:26px}.quick-tile>.section-emblem{font-size:38px;margin:0}.quick-tile h3{font-size:18px;margin:9px 0 12px}.breadcrumbs{font-size:12px;padding:18px 0}.sidebar-layout{grid-template-columns:minmax(0,1fr) 248px;gap:24px}.detail-main{gap:24px}.build-hero{padding:7px;overflow:visible}.build-hero-grid{grid-template-columns:.42fr .58fr;min-height:274px}.build-hero .build-thumb{height:100%;min-height:274px;border:1px solid #5e557c;background-position-y:22%!important}.build-hero .build-thumb:after{background:linear-gradient(transparent 60%,#0c1324b0)}.build-summary{padding:16px 17px 12px;position:relative}.build-summary h1{font-size:30px;margin:13px 0 8px;line-height:1.15;letter-spacing:-.035em}.build-summary .combo{font-size:14px;margin:0 0 10px;color:#c2b5df}.build-summary .author{font-size:12px;margin:8px 0}.build-summary .build-dates{font-size:11px;gap:9px}.build-summary .patch-badge{font-size:13px;letter-spacing:.02em;color:#71d6e2;border:1px solid #3d83a0;background:#072033}.hero-note{font-size:12px;line-height:1.6;margin:12px 0 9px;color:#b8c2da}.archetype-inline{font-size:12px;color:#b5a0d4;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.archetype-inline span{color:#8e9ab8;font-size:11px}.build-summary .build-actions{margin-top:13px;gap:6px}.build-summary .build-actions .btn{font-size:11px;padding:5px 8px;min-height:31px}.build-summary [data-reaction=likes]{border-color:#397c9b}.build-summary [data-reaction=favorites]{border-color:#467082}.core-panel{padding:19px 21px}.core-panel .section-title{margin-bottom:16px}.core-panel .section-title>.muted{font-size:12px}.core-grid{display:flex;gap:28px;flex-wrap:wrap;padding:14px 14px 5px;background:#080f1990;border:1px solid #26364d;border-radius:4px}.core-item{min-width:90px;max-width:120px;flex:1;text-align:center}.core-item>.entity-icon{width:50px;height:52px}.core-item>span{font-size:12px;margin:9px auto 6px;max-width:125px;color:#d0d8ed}.equipment-row{gap:15px;justify-content:space-between;padding:12px}.equipment-row .core-item{display:flex;align-items:center;gap:10px;text-align:left;min-width:125px;max-width:185px}.equipment-row .core-item>.entity-icon{width:43px;height:45px}.equipment-row .core-item>span{margin:0;max-width:90px;line-height:1.5;font-size:12px}.level-panel{padding:18px 21px}.level-panel .section-title{margin-bottom:9px}.level-panel .section-title>.muted{font-size:12px}.level-set summary{padding:11px 0;gap:13px}.level-number{font-size:13px}.level-set summary strong{font-size:14px}.set-preview .entity-icon{width:29px;height:31px}.set-content{padding:8px 0 10px}.set-items .entity-icon{width:47px;height:49px}.side-stack{top:92px;gap:20px}.side-card{padding:18px}.side-card h3{font-size:15px;display:flex;align-items:center;gap:0;margin-bottom:10px}.side-card h3>.section-emblem{font-size:22px;margin-right:10px}.side-card .list-item{font-size:12px;padding:10px 0;color:#aebee4}.side-card .list-item span{color:#8092b7}.related{gap:10px;padding:12px 0;font-size:12px}.related small{font-size:11px;color:#899cbd;margin-top:4px}.related-portrait{width:48px;height:48px;border:1px solid #7a72a2;border-radius:3px;flex-shrink:0;background-position-y:22%!important}.side-card p{font-size:12px;line-height:1.8}.side-card .text-link{font-size:12px}.side-card .patch-badge{display:inline-flex;margin-top:9px}.side-card:has(.patch-badge){background:linear-gradient(#0d1828ef,#0b1526ed),url('assets/night-ruins.png') center/cover}.page-heading{margin:30px 0 24px}.page-heading h1{font-size:31px;margin:7px 0 12px}.page-heading p{font-size:14px}.filter-panel{padding:18px 21px}.search-row{margin-bottom:16px}.search-field{padding:7px 12px}.filter-grid{gap:10px}.filter-grid label{font-size:12px}.filter-grid .field{font-size:12px;padding:8px;min-height:37px}.filter-panel .text-button{font-size:12px;padding:9px 0 0}.search-field input{font-size:14px}.check{font-size:13px}.results-meta{font-size:13px}.grid3{gap:24px}.tree-slot{margin-top:26px;scroll-margin-top:100px}.detail-main .tree-slot{margin-top:0}.tree-section{padding:20px}.tree-heading{display:flex;align-items:center;gap:10px}.tree-heading>.section-emblem{font-size:27px;margin:0 4px 0 0}.tree-heading>div{flex:1}.tree-heading h2{font-size:18px;margin:0 0 6px}.tree-heading p{font-size:12px;color:#96a7c8;margin:0}.tree-heading .tag{font-size:10px}.tree-expand{font-size:12px!important;min-height:33px;white-space:nowrap}.tree-compact{display:flex;align-items:center;gap:12px;padding:17px 0 0;font-size:12px;color:#bca6e6;flex-wrap:wrap}.tree-compact>span:nth-child(odd){padding:5px 10px;border:1px solid #494761;background:#11182a}.tree-compact p{margin:0 0 0 auto;color:#94a4c6;font-size:12px}.tree-workspace{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:20px;margin-top:22px}.tree-main{min-width:0;border:1px solid #34415c;background:radial-gradient(ellipse at 50% 40%,#30263d40,transparent 70%),#080f1b}.tree-tabs{display:flex;border-bottom:1px solid #34415c}.tree-tabs button{flex:1;padding:11px 8px;border:0;border-right:1px solid #34415c;background:#111b2b;color:#9faece;font-size:13px;cursor:pointer}.tree-tabs button.active{background:linear-gradient(#393053,#212338);color:#d5c2f4;box-shadow:inset 0 -2px #a282dd}.tree-pan{overflow-x:auto}.tree-board{width:560px;height:330px;position:relative;margin:auto;background-image:radial-gradient(#7e84a530 1px,transparent 1px);background-size:20px 20px}.tree-board>svg{position:absolute;inset:0;width:560px;height:320px;fill:none;stroke:#33405b;stroke-width:2}.tree-board>svg .lit{stroke:#9475ba}.tree-node{position:absolute;transform:translate(-50%,-50%);background:transparent;padding:0;border:0;cursor:pointer;width:50px;height:58px;color:#aaa5bf}.tree-node>.entity-icon{width:46px;height:48px}.tree-node small{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:0 5px;border:1px solid #54526b;background:#0b1120;font-size:10px;line-height:15px;white-space:nowrap}.tree-node.inactive{filter:grayscale(1);opacity:.38}.tree-node.available .entity-icon{border-color:#8e819f}.tree-node.selected .entity-icon{border-color:#b493ea;box-shadow:0 0 10px #9573b654}.tree-node.maxed .entity-icon{border-color:#dfc087;box-shadow:0 0 9px #b7995840}.tree-node.maxed small{color:#dbc598;border-color:#b79c6b}.node-legend{padding:12px;display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid #28354e;font-size:11px;color:#a7afd0}.tree-inspector{background:#101828;border:1px solid #34405a;padding:18px}.tree-inspector label{display:grid;gap:7px;font-size:12px;color:#a6b6d1;margin:15px 0}.tree-inspector .field{font-size:13px}.tree-point-count strong{font-size:31px;color:#c6a9ee;display:block}.tree-point-count span{font-size:11px;color:#a6b5d0}.tree-message{font-size:12px;line-height:1.7;color:#b4bfd9;min-height:60px}.tree-selection{font-size:11px;line-height:1.6}.tree-inspector .btn{width:100%;font-size:12px;margin:4px 0}.tree-inspector>small{display:block;font-size:10px;color:#8496b7;margin-top:12px}.creator-tree{margin-top:30px}.hover-preview{border:1px solid #ac8adf;background:linear-gradient(135deg,#181a30,#0b1221);box-shadow:inset 0 0 0 2px #50426b30,0 12px 35px #0008;padding:16px;width:300px;border-radius:3px}.hover-preview>.entity-icon{float:left;width:46px;height:48px;margin-right:12px}.hover-preview p{clear:both;padding-top:8px;font-size:12px}.hover-preview strong{font-size:15px}.hover-preview .eyebrow{font-size:11px}.hover-preview>.muted{font-size:11px}.creator-form{background:#0d1725f2}.db-card{padding:22px;gap:18px}.db-card h3{font-size:17px}.db-card .eyebrow{font-size:10px}.db-card p,.db-card .text-link{font-size:12px}.footer{background:#090f19d9;margin-top:15px;border-color:#3a415c}.footer-inner{color:#8f9fc1}.footer-inner>span:first-child{color:#c0aadf;letter-spacing:.06em}.step.active{border-color:#9471cb;background:#2b2443}.step{background:#0d1727;font-size:12px}.field{border-color:#3c4962}.build-card:hover{transform:translateY(-2px)}
@media(min-width:1600px){.shell{max-width:1390px;padding-left:30px;padding-right:30px}.topbar .inner{max-width:1510px}.sidebar-layout{grid-template-columns:minmax(0,1fr) 280px}.build-hero-grid{min-height:285px}.build-hero .build-thumb{min-height:285px}.build-summary h1{font-size:34px}.header-search{width:230px}.race-card{height:225px}}
@media(max-width:1280px){.shell{max-width:1180px;padding:0 24px}.topbar .inner{gap:15px;padding-left:22px;padding-right:22px}.header-search{width:160px}.brand{min-width:195px}.brand b{font-size:16px}.brand small{font-size:9px}.nav a{font-size:12px;padding:8px}.header-controls{gap:8px}.gateway-layout{grid-template-columns:1fr 260px;gap:22px}.archetype-panel{padding:24px 21px}.sidebar-layout{grid-template-columns:minmax(0,1fr) 228px;gap:22px}.build-summary h1{font-size:28px}.core-grid{gap:14px}.core-item{min-width:75px}.equipment-row .core-item{min-width:120px}.build-summary .build-actions .btn{font-size:10px;padding:5px 6px}.tree-workspace{grid-template-columns:minmax(0,1fr) 180px}.tree-inspector{padding:14px}}
@media(max-width:1100px){.topbar .inner{gap:12px}.header-search{display:none}.header-controls{margin-left:auto}.nav{display:flex}.shell{max-width:100%;padding:0 26px}body:before{background:#07101ada}.gateway-layout{grid-template-columns:1fr 245px;gap:22px}.race-card{height:185px}.class-grid{grid-template-columns:repeat(2,1fr)}.class-card{padding:10px}.combo-equation{font-size:18px}.sidebar-layout{grid-template-columns:minmax(0,1fr) 225px;gap:20px}.build-hero-grid{grid-template-columns:.4fr .6fr}.build-summary{padding:15px}.build-summary h1{font-size:25px}.build-summary .combo{font-size:12px}.build-summary .author span{display:none}.build-summary .build-dates{font-size:10px}.core-grid{gap:10px;padding:12px 4px}.core-item>span{font-size:11px;max-width:100px}.equipment-row{flex-wrap:wrap;gap:16px}.equipment-row .core-item{min-width:130px;flex:1}.tree-workspace{grid-template-columns:1fr}.tree-inspector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tree-inspector .eyebrow,.tree-inspector>small{grid-column:1/-1}.tree-inspector label{margin:0}.tree-message{margin:0;min-height:0}.tree-heading{flex-wrap:wrap}.tree-heading .tree-expand{margin-left:auto}.tree-compact p{margin:0;width:100%}.grid3{grid-template-columns:repeat(3,1fr);gap:18px}.build-thumb{height:170px}.build-body{padding:16px}.build-body h3{font-size:18px}.card-core{gap:5px}.card-core .entity-icon{width:28px;height:30px}.card-combo{font-size:12px}}
@media(max-width:850px){.topbar .inner{min-height:66px;height:auto;flex-wrap:wrap}.topbar .menu-toggle{display:inline-flex;order:3;margin-left:0;font-size:12px}.header-controls{order:2}.brand{order:1}.nav{display:none;order:4;flex-basis:100%;flex-wrap:wrap}.nav.open{display:flex}.nav a{font-size:14px}.sidebar-layout{grid-template-columns:1fr}.side-stack{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.gateway-layout{grid-template-columns:1fr}#archetype-result{margin-top:0}.archetype-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.archetype-panel .eyebrow{grid-column:1/-1}.archetype-panel .combo-equation{margin:15px 0}.archetype-panel p{margin:5px 0}.archetype-panel .build-actions{grid-column:2;grid-row:2/5;margin-top:15px}.class-grid{grid-template-columns:repeat(4,1fr)}.race-card{height:210px}.build-hero-grid{grid-template-columns:.42fr .58fr}.build-summary h1{font-size:29px}.build-summary .build-actions .btn{font-size:12px}.build-summary .combo{font-size:14px}.core-item>span{font-size:13px}.core-grid{padding:16px}.core-item>.entity-icon{width:52px;height:54px}.equipment-row .core-item{max-width:none}.grid3{grid-template-columns:repeat(2,1fr)}.tree-workspace{grid-template-columns:minmax(0,1fr) 170px}.tree-inspector{display:block}.tree-inspector label{margin:15px 0}.tree-message{margin:10px 0}.tree-inspector .btn{font-size:11px}.alpha-hero h1{font-size:30px}.alpha-hero{padding:30px;min-height:220px}.home-quick{gap:18px}.quick-tile{padding:22px}.quick-tile h3{font-size:16px}}
@media(max-width:600px){.shell{padding:0 16px}.topbar .inner{padding:10px 16px;gap:10px}.brand{min-width:0;gap:6px}.brand b{font-size:14px}.brand small{font-size:8px}.brandmark{width:29px;height:32px}.brandmark span{font-size:33px}.locale-label{padding:3px 5px;height:31px;gap:2px}.locale-label select{font-size:12px}.locale-label>span{display:none}.topbar .menu-toggle{min-height:31px;padding:4px 7px}.sample-banner{font-size:10px;padding:9px 0;align-items:flex-start}.sample-label{font-size:9px}.alpha-hero{margin:18px 0 26px;padding:24px;min-height:225px}.alpha-hero .eyebrow{font-size:9px}.alpha-hero h1{font-size:28px;max-width:310px;margin:11px 0 12px}.alpha-hero p{font-size:13px;max-width:300px;line-height:1.7}.alpha-hero .tag{margin-left:0}.alpha-hero .build-actions{margin-top:17px;gap:8px}.alpha-hero .build-actions .btn{font-size:12px}.alpha-hero:after{display:none}.gateway .section-title{align-items:flex-start;flex-direction:column;gap:8px}.gateway .section-title h2{font-size:21px;margin-top:6px}.gateway .section-title>.muted{font-size:12px}.gateway-title h3{font-size:16px}.race-grid{gap:9px}.race-card{height:158px;background-size:300% auto!important;background-position-y:10%!important}.race-label{bottom:12px;left:10px}.race-label strong{font-size:18px}.race-label small{font-size:9px}.selection-check{right:7px;top:7px;width:19px;height:19px;font-size:12px}.class-grid{grid-template-columns:repeat(2,1fr);gap:10px}.class-card{padding:12px}.class-card strong{font-size:13px}.archetype-panel{display:block;padding:23px}.archetype-panel .combo-equation{margin:18px 0}.archetype-panel .build-actions{display:flex;margin-top:18px}.archetype-panel p{font-size:13px}.grid3{grid-template-columns:1fr;gap:22px}.build-thumb{height:205px}.build-body{padding:19px 20px}.build-body h3{font-size:22px}.card-combo{font-size:14px}.card-core .entity-icon{width:34px;height:36px}.card-core{gap:8px}.home-quick{grid-template-columns:1fr}.quick-tile{padding:24px}.quick-tile h3{font-size:18px}.page-heading h1{font-size:29px}.page-heading p{font-size:13px}.filter-panel{padding:16px}.filter-grid{grid-template-columns:1fr 1fr}.search-row{gap:15px}.results-meta{font-size:12px}.build-hero{padding:6px}.build-hero-grid{display:block;min-height:0}.build-hero .build-thumb{height:240px;min-height:0;background-position-y:24%!important}.build-summary{padding:20px 15px}.build-summary h1{font-size:31px}.build-summary .combo{font-size:14px}.build-summary .author{font-size:12px}.build-summary .build-dates{font-size:11px}.hero-note{font-size:13px}.build-summary .build-actions{gap:7px;margin-top:18px}.build-summary .build-actions .btn{font-size:12px;min-height:35px;padding:7px 10px}.core-panel,.level-panel{padding:18px}.core-panel .section-title h2,.level-panel h2{font-size:18px}.section-emblem{font-size:24px;margin-right:9px}.core-grid{gap:18px 6px;padding:16px 6px 8px;justify-content:flex-start}.core-item{min-width:calc(33.333% - 6px);max-width:calc(33.333% - 6px);flex:none}.core-item>.entity-icon{width:51px;height:53px}.core-item>span{font-size:12px;line-height:1.5}.equipment-row{gap:17px 12px;padding:15px 10px}.equipment-row .core-item{min-width:calc(50% - 7px);max-width:calc(50% - 7px);gap:7px;flex:none}.equipment-row .core-item>.entity-icon{width:39px;height:41px}.equipment-row .core-item>span{font-size:11px;max-width:65px}.level-set summary{gap:8px}.level-set summary strong{font-size:13px}.set-preview{gap:3px}.set-preview .entity-icon{width:25px;height:27px}.side-stack{grid-template-columns:1fr}.side-card h3{font-size:17px}.side-card .list-item,.side-card p{font-size:14px}.related{font-size:14px}.related small{font-size:12px}.related-portrait{width:53px;height:53px}.tree-section{padding:18px}.tree-heading{gap:8px}.tree-heading h2{font-size:17px}.tree-heading p{font-size:11px}.tree-heading .tag{margin-left:auto}.tree-heading .tree-expand{width:100%;margin-top:9px}.tree-heading>.section-emblem{display:none}.tree-workspace{grid-template-columns:1fr;gap:15px}.tree-inspector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tree-message{font-size:12px;grid-column:1/-1}.tree-selection{grid-column:1/-1}.tree-inspector label{margin:0}.tree-tabs button{font-size:12px;padding:12px 7px}.tree-compact{gap:8px}.tree-compact p{line-height:1.7;font-size:11px}.node-legend{font-size:10px;gap:10px}.breadcrumbs{font-size:11px}.entity-detail{padding:21px}.data-values{gap:10px}.db-card h3{font-size:19px}.db-card p,.db-card .text-link{font-size:13px}.stepbar{grid-template-columns:repeat(3,1fr)}.step{font-size:11px;padding:10px}.creator-form{padding:20px}.creator-combo .archetype-panel{padding:16px}.creator-combo h3{font-size:15px}.footer{padding:25px 0}.footer-inner{font-size:11px}.hover-preview{width:280px}}
.related-portrait{position:relative;overflow:hidden}.related-portrait:after{background:linear-gradient(transparent 75%,#090e1740)}

/* v0.3 visual-polish-only layer */
body{background:#07111a url('assets/forest-crystal-ruins.png') center top/cover fixed no-repeat}
body:before{background:linear-gradient(90deg,#03101930 0%,#07131dc9 15%,#07111be6 32%,#07111be6 68%,#07131dc9 85%,#03101930 100%)}
.alpha-hero{background:linear-gradient(90deg,#071522f5 0%,#0a1723c9 54%,#10253660),url('assets/forest-crystal-ruins.png') center 62%/cover;border-color:#477477}
.side-card:has(.patch-badge){background:linear-gradient(#0b1b25ed,#0a1722ef),url('assets/forest-crystal-ruins.png') 74% 65%/cover}

.brand{align-items:center;gap:12px;min-width:230px}.brand>span:last-child{display:grid;align-content:center;gap:2px}.brand b{line-height:1.05}.brand small{line-height:1.1}.brandmark{display:grid;place-items:center;width:44px;height:48px;flex:0 0 44px;overflow:visible}.lab-sigil{display:block;width:44px;height:44px;overflow:visible;filter:drop-shadow(0 0 7px #63d7e766)}.sigil-frame{fill:#101b2b;stroke:#ab91e7;stroke-width:2;stroke-linejoin:miter}.sigil-crystal{fill:#6ed7df33;stroke:#c2acf0;stroke-width:1.5;stroke-linejoin:miter}.sigil-cut{fill:none;stroke:#61cdd9;stroke-width:1.5;shape-rendering:crispEdges}.brand:hover .lab-sigil{filter:drop-shadow(0 0 9px #78e7f199)}

.card,.btn,.field,.header-search,.locale-label,.class-card,.creator-combo,.tree-main,.tree-inspector,.hover-preview{border-radius:0;clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px))}
.card{border-color:#526e83;box-shadow:inset 0 0 0 3px #07121b9c,0 4px 14px #02050940}.card:before{border-color:#74c6d0}.card:after{border-color:#9b7fd1}.section-title:after,.gateway-title:after{content:'';height:4px;flex:1;margin-left:14px;background:repeating-linear-gradient(90deg,#5d7893 0 14px,transparent 14px 20px,#8a73b8 20px 24px,transparent 24px 30px);opacity:.45}.gateway-title:after{height:2px;margin-left:5px}.tag{clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));border-radius:0}

.entity-icon{position:relative;height:auto!important;aspect-ratio:1;background:#7c6c9a;border:0;border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 2px 3px #0009);box-shadow:none;padding:2px;overflow:hidden}.entity-icon:before{display:none}.entity-icon .asset-icon{width:100%;height:100%;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:scale(.84);background-color:#08131d}.entity-icon:hover{background:#c0a0ed;filter:drop-shadow(0 0 7px #8d6ed3);box-shadow:none}.tree-node.selected .entity-icon{background:#ad8ee4;filter:drop-shadow(0 0 7px #9573b6);box-shadow:none}.tree-node.maxed .entity-icon{background:#d4b576;filter:drop-shadow(0 0 7px #c39d58);box-shadow:none}

.gateway{position:relative}.gateway-layout{grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:stretch}.race-card{clip-path:polygon(0 10px,10px 10px,10px 0,calc(100% - 10px) 0,calc(100% - 10px) 10px,100% 10px,100% 100%,0 100%)}.race-card.selected{border-color:#78d1d9;box-shadow:inset 0 0 0 2px #b89bea,0 0 16px #62cbd22e}.selection-check{display:grid;place-items:center;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0;background:#7b62b5;color:#e9ffff}.class-card{min-height:82px;flex-direction:column;justify-content:center;gap:7px;position:relative;background:linear-gradient(145deg,#142534,#0a1621);border-color:#3c5a6b}.class-card .entity-icon{width:42px}.class-card strong{font-size:12px;letter-spacing:.03em}.class-card.selected{border-color:#75cbd4;background:linear-gradient(145deg,#20314a,#27203e);box-shadow:inset 0 -3px #9270cd,0 0 12px #64d6df22}.class-card.selected:after{content:'';position:absolute;right:8px;top:8px;width:6px;height:6px;background:#7de2e8;box-shadow:-5px 0 #7de2e8,0 5px #7de2e8}
#archetype-result{position:relative;margin-top:0;background:linear-gradient(160deg,#17303ddd,#161a32ee 55%,#091722f4);border-color:#5e8493}#archetype-result:before{content:'◆';position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:24px;color:#69d1da;text-shadow:0 0 8px #5dd3df;z-index:4}.archetype-panel{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.combo-visual{display:grid;grid-template-columns:54px 18px 54px 20px 62px;align-items:center;justify-content:center;gap:3px;margin:24px -8px 12px}.combo-token{display:grid;place-items:center;width:54px;height:54px;position:relative;background:#0a1722}.combo-race{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background-size:300% auto!important;background-position-y:20%!important}.combo-race:after{background:linear-gradient(transparent 55%,#07121bd0)}.combo-class{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#18303b}.combo-class .entity-icon{width:50px}.combo-result{width:62px;height:62px;background:radial-gradient(circle,#18404a,#11182c 68%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.combo-result .lab-sigil{width:48px;height:48px}.combo-link{color:#72cbd2;font-size:16px;text-align:center;text-shadow:0 0 7px #65dbe7}.combo-link.result-link{color:#b598e0;font-size:13px}.combo-equation{justify-content:center;margin:8px 0 16px;font-size:15px}.archetype-panel h3{text-align:center;margin:6px 0 10px}.archetype-panel>p{text-align:center}.archetype-panel>.tag{align-self:center}.archetype-panel .build-actions{margin-top:auto;padding-top:22px}.archetype-panel.compact{height:auto}.archetype-panel.compact .combo-visual{margin:15px 0 5px}.archetype-panel.compact .combo-token{width:44px;height:44px}.archetype-panel.compact .combo-result{width:50px;height:50px}.archetype-panel.compact .combo-result .lab-sigil{width:39px;height:39px}

@media(max-width:1100px){body:before{background:#07111bdf}.gateway-layout{grid-template-columns:minmax(0,1fr) 270px;gap:25px}.combo-visual{grid-template-columns:46px 14px 46px 16px 52px}.combo-token{width:46px;height:46px}.combo-result{width:52px;height:52px}.combo-result .lab-sigil{width:41px;height:41px}.brand{min-width:205px}}
@media(max-width:850px){#archetype-result:before{display:none}.gateway-layout{grid-template-columns:1fr}.archetype-panel{height:auto}.archetype-panel .build-actions{margin-top:15px;padding-top:0}.class-card{min-height:76px}.brand{min-width:190px}}
@media(max-width:600px){body{background-position:58% top;background-attachment:scroll}.brand{min-width:0;gap:8px}.brandmark{width:34px;height:36px;flex-basis:34px}.brandmark .lab-sigil{width:34px;height:34px}.brand b{letter-spacing:.045em}.class-card{min-height:72px}.class-card .entity-icon{width:36px}.combo-visual{grid-template-columns:44px 13px 44px 15px 50px;margin-top:18px}.combo-token{width:44px;height:44px}.combo-result{width:50px;height:50px}.combo-result .lab-sigil{width:38px;height:38px}.archetype-panel .build-actions{display:flex}.section-title:after{display:none}}
.selection-check{display:none}.selected .selection-check{display:grid}

/* v0.3 product polish: theme, explorer and shared interaction system */
:root{color-scheme:dark;--world-text:#e8edf5;--world-muted:#9eacc6;--world-panel:#0c1724ee;--world-panel-strong:#09131fee;--world-edge:#526e83;--world-accent:#75d2dc;--world-violet:#a98ae1;--world-button:#122334;--world-button-hover:#1b3446}
html[data-theme="day"]{color-scheme:light;--text:#172b31;--muted:#4c6265;--panel:#cbd8c8ed;--panel2:#b9ccc4f2;--line:#587d80;--accent:#166d76;--purple:#58448b;--gold:#745d28;--danger:#943c45;--world-text:#172b31;--world-muted:#4c6265;--world-panel:#cbd8c8ed;--world-panel-strong:#b9ccc4f2;--world-edge:#587d80;--world-accent:#126e77;--world-violet:#665091;--world-button:#b8cec7;--world-button-hover:#a8c6bf}
body{position:relative;background:#07111a;color:var(--world-text);transition:color .22s ease,background-color .22s ease}
.theme-backdrop{position:fixed;inset:0;z-index:-3;pointer-events:none;background:#07111a}.theme-backdrop>span{position:absolute;inset:0;background-position:center top;background-size:cover;background-repeat:no-repeat}.backdrop-night{background-image:url('assets/forest-crystal-ruins.png')}.backdrop-day{background-image:url('assets/forest-crystal-ruins-day.png');opacity:0;transition:opacity .35s ease}html[data-theme="day"] .backdrop-day{opacity:1}
body:before{z-index:-2;pointer-events:none;transition:background .3s ease;background:linear-gradient(90deg,#03101942 0%,#07131dcc 15%,#07111be9 32%,#07111be9 68%,#07131dcc 85%,#03101942 100%)}
html[data-theme="day"] body:before{background:linear-gradient(90deg,#a9c4ad54 0%,#c5d5c2b8 15%,#ccd9c9d2 32%,#ccd9c9d2 68%,#c5d5c2b8 85%,#a9c4ad54 100%)}
.alpha-hero{isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#071522f5 0%,#0a1723c9 54%,#10253660),url('assets/forest-crystal-ruins.png') center 62%/cover}.alpha-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#d7dfcdf4 0%,#d2ddccd2 55%,#afc8b26e),url('assets/forest-crystal-ruins-day.png') center 62%/cover;opacity:0;transition:opacity .35s ease}html[data-theme="day"] .alpha-hero:before{opacity:1}.alpha-hero>div{position:relative;z-index:1}
.theme-control{position:relative}.theme-control>summary{list-style:none}.theme-control>summary::-webkit-details-marker{display:none}.theme-summary{display:grid;place-items:center;width:36px;height:36px;padding:0;cursor:pointer;color:#dbe7ef;background:#102131;border:1px solid #4a6578;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}.theme-summary:hover,.theme-control[open] .theme-summary{border-color:#7ed8df;background:#193247;color:#fff}.theme-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:30;width:148px;padding:7px;background:#091722f5;border:1px solid #63849a;box-shadow:0 12px 34px #0009}.theme-menu button{width:100%;min-height:36px;display:flex;align-items:center;gap:9px;padding:7px 10px;border:0;border-left:2px solid transparent;background:transparent;color:#bfcce0;text-align:left;cursor:pointer}.theme-menu button:hover{background:#172b3d;color:#fff}.theme-menu button.selected{border-left-color:#79d9e0;background:#1c2d46;color:#fff}.theme-menu button.selected:after{content:'◆';margin-left:auto;font-size:8px;color:#b69ae9}

/* Shared controls keep their handlers and semantics; only their tactile treatment changes. */
.btn,.reaction,.text-button,.tree-tabs button,.filter-chip{position:relative;border-radius:0;transition:transform .12s ease,border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.btn{min-height:38px;border:1px solid #4d6b80;background:linear-gradient(180deg,#172a3b,#0d1b29);color:#dce7f1;box-shadow:inset 0 1px #7da0b42b,inset 0 -2px #03080d55;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}.btn:hover{transform:translateY(-1px);border-color:#7ed3da;background:linear-gradient(180deg,#203c4c,#12293a);box-shadow:inset 0 1px #b1ecf240,0 4px 10px #00101866}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0008}.btn.primary{border-color:#9f85d4;background:linear-gradient(180deg,#7358ad,#443478);color:#fff;box-shadow:inset 0 1px #e4d6ff4d,inset 0 -3px #21143975}.btn.primary:hover{border-color:#c5aae9;background:linear-gradient(180deg,#8065bd,#4d3984);box-shadow:inset 0 1px #fff6,0 4px 12px #32205555}.btn:focus-visible,.reaction:focus-visible,.text-button:focus-visible,.theme-summary:focus-visible,.theme-menu button:focus-visible,.filter-chip:focus-visible,.race-card:focus-visible,.class-card:focus-visible,.tree-tabs button:focus-visible{outline:2px solid #7de5eb;outline-offset:3px}.btn:disabled,.reaction:disabled,.field:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.4);transform:none}.reaction{min-width:56px;min-height:36px;padding:6px 10px;border:1px solid #3f5a70;background:#0e1b29;color:#adbbce;clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px))}.reaction:hover{border-color:#79cad4;color:#effcff;background:#182d3c}.reaction.selected{border-color:#ab8ddd;background:linear-gradient(135deg,#483b6d,#242d4c);color:#fff;box-shadow:inset 3px 0 #74d4da}.reaction.selected:after{content:'◆';font-size:7px;margin-left:4px;color:#83e3e8}.text-button{color:var(--world-accent)}

/* Horizontal Build Explorer: dense comparison without losing the existing card links/actions. */
.explorer-filter{padding:15px 16px}.explorer-filter .search-row{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:12px}.compact-check{white-space:nowrap;margin:0}.filter-reset{white-space:nowrap}.explorer-controls{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:9px;margin-top:12px}.explorer-controls label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--world-muted)}.explorer-controls .field{height:36px;margin-top:5px;padding:6px 27px 6px 9px;font-size:12px}.active-filters{min-height:28px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid #516b743d;font-size:11px}.filter-chip{display:inline-flex;align-items:center;gap:8px;min-height:27px;padding:4px 8px;border:1px solid #668897;background:#172a3a;color:#d9e8ee;cursor:pointer;clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}.filter-chip:hover{border-color:#89dbe0;background:#213b4b}.filter-chip b{color:#ad91dc}.explorer-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.explorer-results .build-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:222px;overflow:hidden}.explorer-results .card-art-link{position:relative;min-width:0;height:100%;overflow:hidden;border-right:1px solid #4d6d7d}.explorer-results .build-thumb{height:100%;min-height:222px;background-size:auto 100%!important;background-position:center top!important}.class-watermark{position:absolute;right:8px;top:12px;z-index:3;display:grid;place-items:center;width:74px;height:74px;color:#d7cbf1;font-size:44px;line-height:1;opacity:.34;text-shadow:0 0 8px #82e3e8;background:#12273b88;border:2px solid currentColor;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);pointer-events:none;transform:rotate(-8deg)}.explorer-results .build-body{display:flex;flex-direction:column;min-width:0;padding:15px 16px}.explorer-results .card-meta{margin-bottom:5px}.archetype-kicker{display:flex;align-items:center;gap:6px;color:#bda9e2;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.archetype-kicker>span{color:#67ced6;font-size:8px}.explorer-results .build-body h3{font-size:20px;margin:5px 0 2px;line-height:1.15}.explorer-results .card-combo{margin:0 0 8px}.card-tags{display:flex;gap:5px;min-height:19px;margin-bottom:7px}.card-tags span{padding:2px 6px;border:1px solid #4b6577;color:#91a8bb;font-size:9px}.explorer-results .card-core{margin-top:auto;padding-top:8px}.explorer-results .card-bottom{margin-top:9px;padding-top:8px}.explorer-results .entity-icon{width:29px}.explorer-results .micro-label{font-size:9px}.explorer-results .empty{grid-column:1/-1}.entity-icon .asset-icon{transform:scale(.9)}

html[data-theme="day"] .topbar{background:#102e33f2;border-color:#4b7779}html[data-theme="day"] .topbar .brand b,html[data-theme="day"] .topbar .nav a,html[data-theme="day"] .locale-label,html[data-theme="day"] .locale-label select{color:#e8f2ed}html[data-theme="day"] .topbar .brand small{color:#a9cac8}html[data-theme="day"] .nav a.active{background:#2b5559;color:#fff}html[data-theme="day"] .card,html[data-theme="day"] .filter-panel,html[data-theme="day"] .creator-form,html[data-theme="day"] .side-card,html[data-theme="day"] .tree-section,html[data-theme="day"] .tree-inspector,html[data-theme="day"] dialog{background:var(--world-panel);border-color:var(--world-edge);box-shadow:inset 0 0 0 3px #e8ecdf7a,0 5px 16px #354d4240}html[data-theme="day"] .card:before{border-color:#247e84}html[data-theme="day"] .card:after{border-color:#6c5298}html[data-theme="day"] .muted,html[data-theme="day"] .tree-heading p,html[data-theme="day"] .results-meta{color:var(--world-muted)}html[data-theme="day"] a{color:#285e6b}html[data-theme="day"] h1,html[data-theme="day"] h2,html[data-theme="day"] h3,html[data-theme="day"] strong{color:#172b31}html[data-theme="day"] .alpha-hero h1,html[data-theme="day"] .alpha-hero p{color:#152b2c}html[data-theme="day"] .btn{border-color:#62858a;background:linear-gradient(180deg,#d5ded3,#b8cbc5);color:#1a363b;box-shadow:inset 0 1px #fff9,inset 0 -2px #5f817733}html[data-theme="day"] .btn:hover{border-color:#247d84;background:linear-gradient(180deg,#e0e6da,#bfd4cc)}html[data-theme="day"] .btn.primary{border-color:#65508e;background:linear-gradient(180deg,#7662a1,#594580);color:#fff}html[data-theme="day"] .reaction{border-color:#638489;background:#c7d6ce;color:#29494e}html[data-theme="day"] .reaction.selected{border-color:#66518e;background:linear-gradient(135deg,#8d7caf,#687696);color:#fff}html[data-theme="day"] .field,html[data-theme="day"] .search-field,html[data-theme="day"] .creator-form input,html[data-theme="day"] .creator-form textarea{background:#e5e9dd;color:#173036;border-color:#6e8b8d}html[data-theme="day"] .filter-chip{background:#bfd2cb;border-color:#5f8588;color:#1e3d42}html[data-theme="day"] .class-card{background:linear-gradient(145deg,#d5ded2,#b9cbc2);border-color:#738e89;color:#203d40}html[data-theme="day"] .class-card.selected{background:linear-gradient(145deg,#bad5ce,#b9b4ce);border-color:#2c858a}html[data-theme="day"] #archetype-result{background:linear-gradient(155deg,#c0d7cdf2,#c4c5daf2);border-color:#638a8b}html[data-theme="day"] .tree-main{background:radial-gradient(ellipse at 50% 40%,#9887b32e,transparent 70%),#d2dbd0;border-color:#6b8989}html[data-theme="day"] .tree-tabs button{background:#c3d1c8;color:#365258;border-color:#77908d}html[data-theme="day"] .tree-tabs button.active{background:#a9c9c2;color:#17383c;box-shadow:inset 0 -3px #65528e}html[data-theme="day"] .tree-board{background-color:#dbe1d3}html[data-theme="day"] .tree-node small{background:#dfe5da;color:#273e43;border-color:#738a88}html[data-theme="day"] .level-set,html[data-theme="day"] .list-item,html[data-theme="day"] .db-card{border-color:#738b8b}html[data-theme="day"] .hover-preview{background:linear-gradient(135deg,#d8dfd0,#bbcfc8);border-color:#65528e;color:#193236}html[data-theme="day"] .sample-banner{background:#233f42e8;color:#d8e9e6}html[data-theme="day"] .footer{background:#173337e8;border-color:#527376}html[data-theme="day"] .footer,html[data-theme="day"] .footer .muted{color:#c6d8d4}html[data-theme="day"] .theme-summary{background:#24464b;border-color:#6f9b9c}html[data-theme="day"] .theme-menu{background:#d5dfd3f8;border-color:#608286;box-shadow:0 12px 30px #334a4166}html[data-theme="day"] .theme-menu button{color:#28474c}html[data-theme="day"] .theme-menu button:hover,html[data-theme="day"] .theme-menu button.selected{background:#b9d0c9;color:#17373b}
html[data-theme="day"] .gateway-title,html[data-theme="day"] .gateway-title h3,html[data-theme="day"] .combo-equation,html[data-theme="day"] .archetype-panel p,html[data-theme="day"] .card-combo{color:#233f43}html[data-theme="day"] .field,html[data-theme="day"] .search-field{background:#dce4d8}html[data-theme="day"] .class-card{background:linear-gradient(145deg,#cedbcf,#aec5bd)}html[data-theme="day"] .class-card.selected{background:linear-gradient(145deg,#aed0c7,#aca9c8)}html[data-theme="day"] #archetype-result{background:linear-gradient(155deg,#b3d0c5f2,#babbd3f2)}html[data-theme="day"] .theme-menu{background:#c9d8ccf8}html[data-theme="day"] .theme-menu button:hover,html[data-theme="day"] .theme-menu button.selected{background:#afcbc3}

@media(max-width:1180px){.explorer-controls{grid-template-columns:repeat(4,minmax(120px,1fr))}.explorer-results{grid-template-columns:1fr}.explorer-results .build-card{grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:600px){.theme-backdrop>span{background-position:55% top;background-attachment:scroll}.theme-summary{width:32px;height:32px}.theme-menu{right:-48px}.explorer-filter .search-row{grid-template-columns:1fr auto}.explorer-filter .filter-reset{grid-column:1/-1;justify-self:start}.explorer-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.active-filters{align-items:flex-start}.explorer-results{gap:14px}.explorer-results .build-card{grid-template-columns:118px minmax(0,1fr);min-height:205px}.explorer-results .build-thumb{height:100%;min-height:205px;background-size:auto 100%!important}.explorer-results .build-body{padding:12px 11px}.explorer-results .build-body h3{font-size:17px}.explorer-results .card-meta{align-items:flex-start}.explorer-results .card-meta .muted{font-size:9px}.explorer-results .card-tags{display:none}.explorer-results .card-core{gap:4px}.explorer-results .card-core .entity-icon{width:25px;height:25px!important}.explorer-results .core-divider,.explorer-results .micro-label{display:none}.explorer-results .card-bottom{font-size:10px}.explorer-results .reaction{min-width:42px;min-height:32px;padding:4px 7px}.class-watermark{width:58px;height:58px;font-size:40px}.compact-check{font-size:11px}}
@media(max-width:410px){.explorer-results .build-card{grid-template-columns:104px minmax(0,1fr)}.explorer-results .build-body{padding:11px 9px}.explorer-results .build-body h3{font-size:16px}.explorer-results .entity-icon:nth-of-type(n+4){display:none}.explorer-results .reaction{min-width:38px;padding:4px 5px}.explorer-results .card-bottom>.muted{max-width:62px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:hover{transform:none}}

/* v0.3 restraint pass — modern game-tool geometry with limited fantasy accents */
.card,.btn,.field,.header-search,.locale-label,.class-card,.creator-combo,.tree-main,.tree-inspector,.hover-preview,
.theme-summary,.reaction,.filter-chip,.tag,.race-card{
 clip-path:none;
}
.card{
 border-radius:4px;
 border-color:#405a6d;
 box-shadow:0 5px 16px #02070c45,inset 0 1px #8eb2c014;
}
.card:before,.card:after{display:none}
#archetype-result:before{display:block}
.build-card{border-radius:3px}
.build-card:hover{border-color:#668a9d;transform:translateY(-1px);box-shadow:0 7px 18px #02070c55}
.filter-panel,.creator-form,.side-card,.core-panel,.level-panel,.tree-section,.db-card,.patch-card{border-radius:4px}
.section-title:after,.gateway-title:after{
 height:1px;
 margin-left:16px;
 background:linear-gradient(90deg,#63889980,transparent);
 opacity:.7;
}
.gateway-title:after{height:1px}
.tag{border-radius:3px;padding:3px 7px;background:#172132;border-color:#46526b}

.btn{
 min-height:38px;
 padding:8px 14px;
 border-radius:4px;
 border-color:#445d70;
 background:#122130;
 box-shadow:inset 0 1px #b5d2df14,0 1px 2px #0004;
}
.btn:hover{transform:translateY(-1px);border-color:#6f9cad;background:#172b3b;box-shadow:inset 0 1px #d7f4ff1c,0 3px 8px #00101845}
.btn:active{transform:translateY(1px);background:#0e1b28;box-shadow:inset 0 2px 3px #0006}
.btn.primary{border-color:#8870bc;background:#66509d;box-shadow:inset 0 1px #f0e8ff26,0 2px 6px #21163745}
.btn.primary:hover{border-color:#aa91d8;background:#735cad;box-shadow:inset 0 1px #fff3,0 3px 9px #2f205047}
.reaction{min-height:34px;min-width:52px;border-radius:4px;background:#101e2b;border-color:#344e62;box-shadow:none}
.reaction:hover{background:#172936;border-color:#648b9c}
.reaction.selected{background:#342d52;border-color:#8a72b8;box-shadow:inset 2px 0 #6bbbc2}
.reaction.selected:after{display:none}
.text-button{padding:7px 3px}

.field,.search-field,.header-search,.locale-label{border-radius:4px;box-shadow:none}
.field{background:#0d1825;border-color:#3c5265}
.field:hover,.search-field:hover,.header-search:hover,.locale-label:hover{border-color:#607f92}
.field:focus,.field:focus-visible{border-color:#7e9eb2;outline:2px solid #6d54a84d;outline-offset:1px}
.theme-summary{border-radius:4px;background:#102131}
.theme-menu{border-radius:4px;padding:6px;box-shadow:0 12px 30px #0008}
.theme-menu button{border-radius:3px}
.filter-chip{border-radius:3px;background:#142635;border-color:#496a7a}

.race-card{border-radius:3px}
.race-card.selected{border-color:#79bdc4;box-shadow:0 0 0 1px #866cb1,0 6px 16px #07111855}
.selection-check{width:22px;height:22px;border-radius:3px;clip-path:none;border:1px solid #8f78bd;background:#4d3b75}
.class-card{border-radius:4px;min-height:82px;background:#10202e;border-color:#354f60}
.class-card:hover{border-color:#658594;background:#162938}
.class-card.selected{border-color:#759eaa;background:#242c43;box-shadow:inset 0 -2px #8067ac}
.class-card.selected:after{display:none}
.creator-combo,.tree-main,.tree-inspector,.hover-preview{border-radius:4px}
.tree-tabs button{border-radius:0;box-shadow:none}
.tree-tabs button.active{box-shadow:inset 0 -2px #8d73bb}
.step{border-radius:4px}

.explorer-filter{padding:17px 18px}
.explorer-filter .search-row{gap:14px}
.explorer-controls{gap:11px}
.explorer-controls .field{height:38px;margin-top:6px;padding-left:10px}
.active-filters{margin-top:12px;padding-top:11px}
.explorer-results{gap:18px}
.explorer-results .build-card{min-height:222px}
.explorer-results .build-body{padding:17px 18px}
.explorer-results .card-bottom{padding-top:10px}
.card-tags span{border-radius:3px}

html[data-theme="day"] .card,html[data-theme="day"] .filter-panel,html[data-theme="day"] .creator-form,
html[data-theme="day"] .side-card,html[data-theme="day"] .tree-section,html[data-theme="day"] .tree-inspector,html[data-theme="day"] dialog{
 box-shadow:0 5px 16px #354d4233,inset 0 1px #fff45;
}
html[data-theme="day"] .btn{background:#bdcec7;border-color:#66868a;box-shadow:inset 0 1px #fff6,0 1px 2px #42635a22}
html[data-theme="day"] .btn:hover{background:#c9d8d1;border-color:#367c82}
html[data-theme="day"] .btn:active{background:#afc4bd}
html[data-theme="day"] .btn.primary{background:#67528f;border-color:#705a9d;color:#fff}
html[data-theme="day"] .btn.primary:hover{background:#745fa0;border-color:#806bad}
html[data-theme="day"] .reaction{background:#becfc8;border-color:#688588}
html[data-theme="day"] .reaction.selected{background:#81749d;border-color:#65518d}
html[data-theme="day"] .tag{background:#b8c9c3;border-color:#748987;color:#29464a}

@media(max-width:600px){
 .explorer-filter{padding:16px}
 .explorer-results{gap:15px}
 .explorer-results .build-body{padding:13px 12px}
}

/* v0.3 theme completion — opaque day surfaces and a true world cross-fade. */
:root{
 --theme-surface:#0d1825;
 --theme-surface-raised:#122130;
 --theme-surface-strong:#09141f;
 --theme-control:#0d1825;
 --theme-border:#405a6d;
 --theme-border-strong:#668a9d;
 --theme-shadow:0 5px 16px #02070c45;
}
html[data-theme="day"]{
 --text:#172a30;
 --muted:#4b6268;
 --theme-surface:#c8d5d0;
 --theme-surface-raised:#d4dfda;
 --theme-surface-strong:#b9cbc5;
 --theme-control:#dde5e0;
 --theme-border:#708b8e;
 --theme-border-strong:#4f747a;
 --theme-shadow:0 5px 16px #354d4230;
}

.theme-backdrop>span{
 opacity:0;
 transition:opacity 850ms cubic-bezier(.22,.61,.36,1);
 will-change:opacity;
}
.theme-backdrop .backdrop-night{opacity:1}
.theme-backdrop .backdrop-day{opacity:0}
html[data-theme="day"] .theme-backdrop .backdrop-night{opacity:0}
html[data-theme="day"] .theme-backdrop .backdrop-day{opacity:1}
html[data-theme="night"] .theme-backdrop .backdrop-night{opacity:1}
html[data-theme="night"] .theme-backdrop .backdrop-day{opacity:0}
.alpha-hero:before{transition:opacity 850ms cubic-bezier(.22,.61,.36,1)}

body,.topbar,.footer,.card,.filter-panel,.creator-form,.side-card,.core-panel,.level-panel,
.tree-section,.tree-main,.tree-inspector,.tree-tabs button,.db-card,.patch-card,.field,.search-field,
.header-search,.locale-label,.class-card,.creator-combo,#archetype-result,.hover-preview,.theme-menu,
.theme-menu button,.btn,.reaction,.tag,.filter-chip,.step,.picker-item,.set-editor,.set-detail,
.data-values div,.core-grid,.tree-node small,.tree-compact>span:nth-child(odd),dialog{
 transition:color 340ms ease,background-color 340ms ease,border-color 340ms ease,box-shadow 340ms ease;
}

html[data-theme="day"] body{background-color:#aebfb4;color:var(--text)}
html[data-theme="day"] body:before{background:linear-gradient(90deg,#829c895e 0%,#b5c7b7d9 15%,#c3d1c5ef 32%,#c3d1c5ef 68%,#b5c7b7d9 85%,#829c895e 100%)}
html[data-theme="day"] .card,
html[data-theme="day"] .filter-panel,
html[data-theme="day"] .creator-form,
html[data-theme="day"] .side-card,
html[data-theme="day"] .core-panel,
html[data-theme="day"] .level-panel,
html[data-theme="day"] .tree-section,
html[data-theme="day"] .db-card,
html[data-theme="day"] .patch-card,
html[data-theme="day"] .build-card,
html[data-theme="day"] dialog{
 background:var(--theme-surface);
 border-color:var(--theme-border);
 color:var(--text);
 box-shadow:var(--theme-shadow),inset 0 1px #fff5;
}
html[data-theme="day"] .core-grid,
html[data-theme="day"] .creator-combo,
html[data-theme="day"] .set-editor,
html[data-theme="day"] .set-detail,
html[data-theme="day"] .data-values div,
html[data-theme="day"] .tree-inspector,
html[data-theme="day"] .tree-compact>span:nth-child(odd){
 background:var(--theme-surface-strong);
 border-color:var(--theme-border);
 color:var(--text);
}
html[data-theme="day"] .field,
html[data-theme="day"] .search-field,
html[data-theme="day"] .header-search,
html[data-theme="day"] .locale-label,
html[data-theme="day"] input,
html[data-theme="day"] select,
html[data-theme="day"] textarea{
 background-color:var(--theme-control);
 border-color:var(--theme-border);
 color:#14292f;
}
html[data-theme="day"] input::placeholder,
html[data-theme="day"] textarea::placeholder{color:#607378;opacity:1}
html[data-theme="day"] .field:hover,
html[data-theme="day"] .search-field:hover,
html[data-theme="day"] .header-search:hover,
html[data-theme="day"] .locale-label:hover{border-color:#3d777d}
html[data-theme="day"] .field:focus,
html[data-theme="day"] .field:focus-visible{border-color:#236f78;outline-color:#67508f47}

html[data-theme="day"] .muted,
html[data-theme="day"] .section-title p,
html[data-theme="day"] .results-meta,
html[data-theme="day"] .card-meta,
html[data-theme="day"] .build-dates,
html[data-theme="day"] .tree-heading p,
html[data-theme="day"] .tree-compact p,
html[data-theme="day"] .tree-message,
html[data-theme="day"] .tree-selection,
html[data-theme="day"] .node-legend,
html[data-theme="day"] .breadcrumbs,
html[data-theme="day"] .related small,
html[data-theme="day"] .picker-item small,
html[data-theme="day"] .storage-note{color:var(--muted)}
html[data-theme="day"] .card-combo,
html[data-theme="day"] .combo,
html[data-theme="day"] .combo-equation,
html[data-theme="day"] .gateway-title,
html[data-theme="day"] .gateway-title h3,
html[data-theme="day"] .archetype-panel p,
html[data-theme="day"] .hero-note,
html[data-theme="day"] .core-item>span,
html[data-theme="day"] .field-wrap label,
html[data-theme="day"] .filter-grid label{color:#29464b}
html[data-theme="day"] .eyebrow,
html[data-theme="day"] .archetype-inline,
html[data-theme="day"] .archetype-kicker{color:#594681}
html[data-theme="day"] .archetype-kicker>span,
html[data-theme="day"] .patch-badge,
html[data-theme="day"] .level-number{color:#126b75}

html[data-theme="day"] .class-card{background:#c5d4cf;border-color:#6f898b;color:#1e393e}
html[data-theme="day"] .class-card:hover{background:#d2ddd8;border-color:#47777c}
html[data-theme="day"] .class-card.selected{background:#b7ccc8;border-color:#26747c;box-shadow:inset 0 -2px #65508f}
html[data-theme="day"] #archetype-result{background:#c1d2cef5;border-color:#617f82}
html[data-theme="day"] .step{background:#bdcdc8;color:#445a5f;border-color:#70898b}
html[data-theme="day"] .step.active{background:#aabfbb;color:#182e34;border-color:#62508c}
html[data-theme="day"] .picker-item{background:#c5d4cf;border-color:#71898b}
html[data-theme="day"] .picker-item:has(input:checked){background:#b9c9cf;border-color:#66518f}

html[data-theme="day"] .tree-main{background:radial-gradient(ellipse at 50% 40%,#8976aa26,transparent 70%),#c3d0cb;border-color:#698386}
html[data-theme="day"] .tree-tabs button{background:#b8c9c4;color:#344f54;border-color:#71898b}
html[data-theme="day"] .tree-tabs button.active{background:#a8c2be;color:#152f35;box-shadow:inset 0 -2px #65508f}
html[data-theme="day"] .tree-board{background-color:#d3dcd6}
html[data-theme="day"] .tree-node small{background:#dce3df;color:#263f44;border-color:#738b8d}

html[data-theme="day"] .hover-preview{background:#d2dcd7;border-color:#66518f;color:#193238}
html[data-theme="day"] .theme-menu{background:#d3ded8f8;border-color:#668488;box-shadow:0 12px 30px #334a415c}
html[data-theme="day"] .theme-menu button{color:#28474c}
html[data-theme="day"] .theme-menu button:hover,
html[data-theme="day"] .theme-menu button.selected{background:#b6ccc6;color:#17373b}
html[data-theme="day"] .filter-chip{background:#b9cdc7;border-color:#628285;color:#1d3c42}
html[data-theme="day"] .tag{background:#b7c8c2;border-color:#718786;color:#29464a}
html[data-theme="day"] .patch-badge{background:#aec8c5;border-color:#568186}
html[data-theme="day"] .notice{background:#bccdc7;border-color:#70898b;color:#29454a}

html[data-theme="day"] .btn{background:#c3d1cc;border-color:#67878a;color:#19353b}
html[data-theme="day"] .btn:hover{background:#cedad5;border-color:#367b82}
html[data-theme="day"] .btn:active{background:#b5c8c2}
html[data-theme="day"] .btn.primary{background:#67528f;border-color:#705a9d;color:#fff}
html[data-theme="day"] .btn.primary:hover{background:#745fa0;border-color:#806bad}
html[data-theme="day"] .reaction{background:#bdcdc8;border-color:#68878a;color:#28484d}
html[data-theme="day"] .reaction:hover{background:#cad7d2;border-color:#407b81}
html[data-theme="day"] .reaction.selected{background:#75688f;border-color:#66518d;color:#fff}
html[data-theme="day"] .topbar .header-search,
html[data-theme="day"] .topbar .locale-label{background:#102e33;border-color:#52777b;color:#e8f2ed}
html[data-theme="day"] .topbar .header-search input,
html[data-theme="day"] .topbar .locale-label select{background:transparent;color:#e8f2ed}
html[data-theme="day"] .topbar .header-search input::placeholder{color:#aac5c5}
html[data-theme="day"] .race-label strong{color:#f2effa}
html[data-theme="day"] .race-label small{color:#c2c9d8}
html[data-theme="day"] .side-card .list-item{color:#35545a}
html[data-theme="day"] .side-card .list-item span{color:#526b70}

@media(prefers-reduced-motion:reduce){
 .theme-backdrop>span,.alpha-hero:before{transition-duration:.01ms!important}
}

/* Focused visual correction: readable day surfaces, visible world fade, and context-specific build cards. */
html{background:#07111a}
body{isolation:isolate;background:transparent!important}
body:before{opacity:0!important;background:transparent!important}
.theme-backdrop{z-index:-1;overflow:hidden;background:#07111a}
.theme-backdrop>span{
 display:block!important;
 visibility:visible!important;
 position:absolute;
 inset:0;
 opacity:0;
 transform:translateZ(0);
 transition:opacity 850ms cubic-bezier(.22,.61,.36,1)!important;
 will-change:opacity;
}
.theme-backdrop .backdrop-night{
 background-image:linear-gradient(90deg,#03101944 0%,#07131dbc 15%,#07111bd5 32%,#07111bd5 68%,#07131dbc 85%,#03101944 100%),url('assets/forest-crystal-ruins.png');
 opacity:1;
}
.theme-backdrop .backdrop-day{
 background-image:linear-gradient(90deg,#90aa9650 0%,#b7c9b9ae 15%,#c0cec1c8 32%,#c0cec1c8 68%,#b7c9b9ae 85%,#90aa9650 100%),url('assets/forest-crystal-ruins-day.png');
 opacity:0;
}
html[data-theme="day"] .theme-backdrop .backdrop-night{opacity:0}
html[data-theme="day"] .theme-backdrop .backdrop-day{opacity:1}
html[data-theme="night"] .theme-backdrop .backdrop-night{opacity:1}
html[data-theme="night"] .theme-backdrop .backdrop-day{opacity:0}

/* Heart and star are the visible controls; the hit area remains touch-friendly. */
.reaction,
html[data-theme="day"] .reaction{
 min-width:40px;
 min-height:40px;
 padding:6px 7px;
 border:0!important;
 border-radius:4px;
 background:transparent!important;
 box-shadow:none!important;
 color:#aab8cb;
 font-size:20px;
 line-height:1;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:4px;
}
.reaction span{font-size:11px;font-variant-numeric:tabular-nums;color:inherit}
.reaction:hover,
html[data-theme="day"] .reaction:hover{background:transparent!important;color:#d4c1f3;transform:translateY(-1px)}
.reaction:active{transform:translateY(1px)}
.reaction.selected,
html[data-theme="day"] .reaction.selected{background:transparent!important;border:0!important;box-shadow:none!important;color:#a27bdc}
.reaction[data-reaction="likes"].selected{color:#e8769d}
.reaction:focus-visible{outline:2px solid #79d6df;outline-offset:1px}
.build-open{width:40px;height:40px;display:grid;place-items:center;color:#c7d6e8;font-size:20px;border-radius:4px}
.build-open:hover{color:#fff;background:#ffffff0a}

/* Home composer reads as a compact selection tool, not a second hero. */
.gateway{padding-top:0}
.composer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #45607180}
.composer-heading h2{font-size:18px;margin:4px 0 0}
.composer-steps{display:flex;align-items:center;gap:8px;color:#8193aa;font-size:11px;white-space:nowrap}
.composer-steps span{display:inline-flex;align-items:center;gap:5px}
.composer-steps b{color:#b89ce2;font-size:10px;font-weight:600}
.composer-steps i{font-style:normal;color:#547b86}
.gateway-layout{grid-template-columns:minmax(0,1fr) 284px;gap:22px}
.gateway-title{margin:9px 0 10px;gap:9px}
.gateway-title h3{font-size:14px}
.gateway-title>span:first-child{font-size:10px;padding:1px 5px}
.race-grid{gap:12px}
.race-card{height:170px}
.race-label{bottom:13px;left:14px}
.race-label strong{font-size:19px}
.class-grid{gap:9px}
.class-card{min-height:64px;padding:9px 7px;gap:5px}
.class-card .entity-icon{width:34px;height:36px}
.archetype-panel{padding:21px 20px}
.archetype-panel .combo-equation{margin:15px 0 12px;font-size:17px}
.archetype-panel h3{margin:11px 0 8px}
.archetype-panel .build-actions{margin-top:16px}
#archetype-result{margin-top:9px}
#archetype-result:before{display:none!important}

/* Home discovery cards: image | identity | main skills | lightweight actions. */
.home-build-list{display:grid;gap:12px}
.home-showcase-card{
 display:grid;
 grid-template-columns:190px minmax(220px,1fr) minmax(205px,.72fr) 98px;
 min-height:150px;
 overflow:hidden;
 align-items:stretch;
}
.home-build-art,.connected-build-art{display:block;min-width:0;overflow:hidden;border-right:1px solid #334f61}
.home-build-art .build-thumb{height:100%;min-height:150px;border:0;background-size:auto 100%!important;background-position:center 24%!important}
.home-build-identity{padding:17px 20px;min-width:0}
.home-build-identity h3{font-size:20px;line-height:1.2;margin:7px 0 3px}
.home-build-identity .card-combo{margin:0 0 7px}
.home-build-author{margin:0;color:#91a2b8;font-size:12px}
.home-build-skills,.connected-build-skills{display:flex;flex-direction:column;justify-content:center;padding:16px 18px;border-left:1px solid #263d4e;min-width:0}
.build-skill-label{display:block;margin-bottom:12px;color:#8196ad;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.home-build-skills>div,.connected-build-skills>div{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.home-build-skills .entity-icon,.connected-build-skills .entity-icon{width:36px;height:38px;flex:0 0 auto}
.home-build-actions,.connected-build-actions{display:flex;align-items:center;justify-content:center;gap:0;padding:10px;border-left:1px solid #263d4e}

/* Database relationship view: compact one-column horizontal build list. */
.connected-build-section{padding-top:28px}
.connected-build-list{display:grid;grid-template-columns:1fr;gap:9px}
.connected-build-card{
 display:grid;
 grid-template-columns:168px minmax(250px,1fr) minmax(220px,.75fr) 132px;
 min-height:116px;
 overflow:hidden;
 align-items:stretch;
 background:#0b1724;
}
.connected-build-art .build-thumb{height:100%;min-height:116px;border:0;background-size:auto 100%!important;background-position:center 22%!important}
.connected-build-identity{padding:12px 17px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.connected-build-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#90a3ba;font-size:10px}
.connected-build-identity h3{font-size:18px;line-height:1.2;margin:5px 0 2px}
.connected-build-identity .card-combo{margin:0 0 3px;font-size:12px}
.connected-build-identity .archetype-kicker{font-size:9px;margin-bottom:4px}
.connected-build-identity small{color:#90a2b8;font-size:11px}
.connected-build-skills{padding:12px 18px}
.connected-build-actions{padding:8px}
.connected-build-empty{padding:24px;border:1px solid #405a6d;background:#0d1825}

/* Day mode: solid blue-gray surfaces and readable small information. */
html[data-theme="day"]{
 --text:#10242b;
 --muted:#3f5960;
 --theme-surface:#bccbc8;
 --theme-surface-raised:#ced9d5;
 --theme-surface-strong:#adbfbc;
 --theme-control:#d7dfdc;
 --theme-border:#5b7a80;
 --theme-border-strong:#3d6870;
}
html[data-theme="day"] .card,
html[data-theme="day"] .filter-panel,
html[data-theme="day"] .creator-form,
html[data-theme="day"] .side-card,
html[data-theme="day"] .core-panel,
html[data-theme="day"] .level-panel,
html[data-theme="day"] .tree-section,
html[data-theme="day"] .db-card,
html[data-theme="day"] .patch-card,
html[data-theme="day"] .build-card,
html[data-theme="day"] dialog{background-color:var(--theme-surface);background-image:none;color:var(--text);border-color:var(--theme-border)}
html[data-theme="day"] .connected-build-card{background:#b6c7c5}
html[data-theme="day"] .muted,
html[data-theme="day"] .card-meta,
html[data-theme="day"] .connected-build-meta,
html[data-theme="day"] .connected-build-identity small,
html[data-theme="day"] .home-build-author,
html[data-theme="day"] .build-skill-label,
html[data-theme="day"] .results-meta,
html[data-theme="day"] .filter-grid label,
html[data-theme="day"] .explorer-controls label{color:#3f5960!important;opacity:1}
html[data-theme="day"] .card-combo,
html[data-theme="day"] .archetype-kicker,
html[data-theme="day"] .hero-note,
html[data-theme="day"] .archetype-inline{color:#27464d}
html[data-theme="day"] .reaction{color:#466168}
html[data-theme="day"] .reaction:hover{color:#604b89}
html[data-theme="day"] .reaction.selected{color:#6d5297}
html[data-theme="day"] .reaction[data-reaction="likes"].selected{color:#a93f66}
html[data-theme="day"] .build-open{color:#31575f}
html[data-theme="day"] .home-build-art,
html[data-theme="day"] .connected-build-art,
html[data-theme="day"] .home-build-skills,
html[data-theme="day"] .connected-build-skills,
html[data-theme="day"] .home-build-actions,
html[data-theme="day"] .connected-build-actions{border-color:#668187}
html[data-theme="day"] .composer-heading{border-color:#668187}
html[data-theme="day"] .composer-steps{color:#405d63}
html[data-theme="day"] .composer-steps b{color:#594681}

@media(max-width:1000px){
 .home-showcase-card{grid-template-columns:160px minmax(200px,1fr) minmax(185px,.75fr) 82px}
 .connected-build-card{grid-template-columns:146px minmax(220px,1fr) minmax(190px,.72fr) 118px}
 .home-build-skills,.connected-build-skills{padding-left:14px;padding-right:14px}
 .home-build-skills .entity-icon,.connected-build-skills .entity-icon{width:32px;height:34px}
}
@media(max-width:760px){
 .composer-heading{align-items:flex-start;flex-direction:column;gap:9px}
 .composer-steps{width:100%;justify-content:space-between}
 .gateway-layout{grid-template-columns:1fr}
 .home-showcase-card{grid-template-columns:128px minmax(0,1fr) 116px;grid-template-areas:'art identity actions' 'art skills skills'}
 .home-build-art{grid-area:art}.home-build-identity{grid-area:identity}.home-build-skills{grid-area:skills}.home-build-actions{grid-area:actions}
 .home-build-skills{border-top:1px solid #263d4e}
 .connected-build-card{grid-template-columns:126px minmax(0,1fr) 112px;grid-template-areas:'art identity actions' 'art skills skills'}
 .connected-build-art{grid-area:art}.connected-build-identity{grid-area:identity}.connected-build-skills{grid-area:skills}.connected-build-actions{grid-area:actions}
 .connected-build-skills{border-top:1px solid #263d4e}
}
@media(max-width:480px){
 .composer-steps{font-size:10px;gap:4px}
 .race-card{height:150px}
 .home-showcase-card,.connected-build-card{grid-template-columns:106px minmax(0,1fr);grid-template-areas:'art identity' 'skills skills' 'actions actions'}
 .home-build-art,.connected-build-art{grid-area:art;border-bottom:1px solid #334f61}
 .home-build-art .build-thumb,.connected-build-art .build-thumb{min-height:126px}
 .home-build-identity,.connected-build-identity{grid-area:identity;padding:12px}
 .home-build-identity h3,.connected-build-identity h3{font-size:17px}
 .home-build-skills,.connected-build-skills{grid-area:skills;border-left:0;padding:11px 13px}
 .build-skill-label{margin-bottom:8px}
 .home-build-actions,.connected-build-actions{grid-area:actions;justify-content:flex-end;border-left:0;border-top:1px solid #263d4e;padding:3px 8px}
 .home-build-skills .entity-icon,.connected-build-skills .entity-icon{width:31px;height:33px}
}

/* v0.3 focused correction: six neutral skill slots and calmer Home proportions. */
.skill-loadout,.equipment-loadout{display:flex;align-items:center;gap:6px;min-width:0}
.skill-slot-empty{color:#647389!important;background:linear-gradient(140deg,#18212d,#0b1119 80%)!important;border-color:#485768!important;box-shadow:inset 0 0 0 3px #0c121b!important;opacity:.72}
.skill-slot-empty:before{border-color:#73839922!important}
.skill-slot-empty>span{font-size:.55em!important;opacity:.68}
.skill-core-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.skill-core-grid .skill-core-slot{min-width:0;max-width:none}
.skill-progression-loadout{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.skill-progression-loadout .core-item{min-width:0;max-width:none}
.skill-set-preview{display:grid;grid-template-columns:repeat(6,26px);gap:4px}
.skill-set-preview .entity-icon{width:26px;height:28px}
.creator-loadout-preview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 18px;padding:13px 15px;border:1px solid #405869;background:#0b1723}
.creator-loadout-preview>span{color:#9fb0c2;font-size:12px;letter-spacing:.04em}
.creator-loadout-preview .entity-icon,.preview-skill-loadout .entity-icon{width:42px;height:44px}
.skill-sequence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.skill-sequence-grid .sequence-select{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:8px}
.skill-sequence-grid .sequence-select>span{display:grid;place-items:center;width:25px;height:25px;color:#b9a2dd;border:1px solid #4b596d;font-size:11px}

/* Composer: selection and result share one compact visual rhythm. */
.gateway-layout{grid-template-columns:minmax(0,1fr) 304px;gap:18px;align-items:start}
.composer-selection{min-width:0}
.composer-class-block{margin-top:13px;padding-top:1px}
.composer-class-block .gateway-title{margin-top:7px}
.class-grid{gap:10px}
.class-card{min-height:72px;flex-direction:row;justify-content:center;gap:9px;padding:10px 12px}
.class-card .entity-icon{width:38px;height:40px}
.class-card strong{font-size:13px}
#archetype-result{align-self:start;margin-top:9px}
.archetype-panel{padding:20px}
.archetype-panel .combo-visual{margin-top:13px}
.archetype-panel .combo-equation{margin:13px 0 9px}
.archetype-panel .build-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.archetype-panel .build-actions .btn{padding-left:8px;padding-right:8px;font-size:11px}

/* Home uses showcase density; Database remains deliberately compact. */
.home-build-list{gap:16px}
.home-showcase-card{grid-template-columns:210px minmax(220px,1fr) minmax(280px,.8fr) 160px;min-height:180px}
.home-build-art .build-thumb{min-height:180px}
.home-build-identity{padding:22px 24px}
.home-build-identity h3{font-size:22px;margin:10px 0 5px}
.home-build-identity .card-combo{margin-bottom:10px;font-size:14px}
.home-build-identity .archetype-kicker{font-size:11px}
.home-build-author{margin-top:3px;font-size:12px}
.home-build-skills{padding:21px 22px}
.home-build-skills>div{gap:8px}
.home-build-skills .entity-icon{width:40px;height:42px}
.home-build-skills .build-skill-label{margin-bottom:14px;font-size:11px}
.home-build-actions{justify-content:space-evenly;gap:10px;padding:16px 13px}
.home-build-actions .reaction,.home-build-actions .build-open{flex:0 0 40px}
.connected-build-skills>div{gap:6px}
.connected-build-skills .entity-icon{width:31px;height:33px}

/* Day accents separate decoration from information-bearing text. */
html[data-theme="day"] .composer-steps,
html[data-theme="day"] .composer-steps b,
html[data-theme="day"] .gateway-title>span:first-child,
html[data-theme="day"] .gateway-title h3,
html[data-theme="day"] .gateway-title>.muted,
html[data-theme="day"] .home-build-identity .card-meta,
html[data-theme="day"] .home-build-author,
html[data-theme="day"] .connected-build-meta,
html[data-theme="day"] .connected-build-identity small,
html[data-theme="day"] .build-skill-label,
html[data-theme="day"] .reaction span,
html[data-theme="day"] .section-title>span,
html[data-theme="day"] .level-number,
html[data-theme="day"] .tree-point-count span,
html[data-theme="day"] .node-legend,
html[data-theme="day"] .card-tags span{color:#294a52!important;opacity:1}
html[data-theme="day"] .composer-steps b,
html[data-theme="day"] .gateway-title>span:first-child,
html[data-theme="day"] .archetype-kicker,
html[data-theme="day"] .eyebrow,
html[data-theme="day"] .text-link,
html[data-theme="day"] .tree-point-count strong{color:#4d3b78!important}
html[data-theme="day"] .tag{color:#342b55;background:#b4c3c1;border-color:#68777f}
html[data-theme="day"] .skill-slot-empty{color:#52666b!important;background:#aabbb8!important;border-color:#687f83!important;opacity:.82}
html[data-theme="day"] .creator-loadout-preview{background:#aebfbc;border-color:#627e83}
html[data-theme="day"] .creator-loadout-preview>span{color:#294a52}
html[data-theme="day"] .skill-sequence-grid .sequence-select>span{color:#49386f;border-color:#667f83}

@media(max-width:1100px){
 .gateway-layout{grid-template-columns:minmax(0,1fr) 280px}
 .home-showcase-card{grid-template-columns:196px minmax(210px,1fr) minmax(270px,.8fr) 146px}
 .home-build-identity{padding-left:20px;padding-right:20px}
 .home-build-skills{padding-left:18px;padding-right:18px}
 .home-build-skills .entity-icon{width:37px;height:39px}
}
@media(max-width:900px){
 .gateway-layout{grid-template-columns:1fr}
 #archetype-result{margin-top:4px}
 .archetype-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.8fr);column-gap:24px;align-items:center}
 .archetype-panel .eyebrow{grid-column:1/-1}
 .archetype-panel .build-actions{grid-column:2;grid-row:2/7;align-self:center}
 .home-showcase-card{grid-template-columns:170px minmax(210px,1fr) minmax(250px,.85fr);grid-template-areas:'art identity skills' 'art actions actions'}
 .home-build-art{grid-area:art}.home-build-identity{grid-area:identity}.home-build-skills{grid-area:skills}.home-build-actions{grid-area:actions}
 .home-build-actions{border-top:1px solid #263d4e;justify-content:flex-end;gap:20px;padding:7px 18px}
}
@media(max-width:760px){
 .class-card{min-height:70px}
 .archetype-panel{display:grid}
 .home-showcase-card{grid-template-columns:132px minmax(0,1fr) 126px;grid-template-areas:'art identity actions' 'art skills skills';min-height:166px}
 .home-build-art .build-thumb{min-height:166px}
 .home-build-identity{padding:16px}
 .home-build-skills{padding:15px 17px}
 .home-build-actions{border-top:0;justify-content:space-evenly;gap:8px;padding:12px}
 .home-build-skills .entity-icon{width:35px;height:37px}
 .skill-core-grid,.skill-progression-loadout{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px}
}
@media(max-width:600px){
 .skill-set-preview{grid-template-columns:repeat(6,22px);gap:2px}
 .skill-set-preview .entity-icon{width:22px;height:24px}
 .creator-loadout-preview{align-items:flex-start;flex-direction:column}
 .creator-loadout-preview .skill-loadout{width:100%;justify-content:space-between}
 .creator-loadout-preview .entity-icon,.preview-skill-loadout .entity-icon{width:38px;height:40px}
 .skill-sequence-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
 .composer-class-block{margin-top:10px}
 .class-card{min-height:66px;padding:8px}
 .class-card .entity-icon{width:34px;height:36px}
 .archetype-panel{display:block}
 .archetype-panel .build-actions{display:flex}
 .home-showcase-card{grid-template-columns:112px minmax(0,1fr);grid-template-areas:'art identity' 'skills skills' 'actions actions';min-height:0}
 .home-build-art .build-thumb{min-height:140px}
 .home-build-identity{padding:14px}
 .home-build-identity h3{font-size:18px;margin-top:7px}
 .home-build-skills{padding:14px}
 .home-build-skills .skill-loadout{justify-content:space-between;gap:5px}
 .home-build-skills .entity-icon{width:34px;height:36px}
 .home-build-actions{justify-content:flex-end;gap:22px;padding:7px 13px}
 .connected-build-skills .skill-loadout{justify-content:space-between;gap:4px}
 .connected-build-skills .entity-icon{width:29px;height:31px}
}
@media(max-width:410px){
 .explorer-results .equipment-loadout{display:none}
 .explorer-results .core-divider{display:none}
 .explorer-results .skill-loadout{gap:3px}
 .explorer-results .skill-loadout .entity-icon{display:inline-flex!important;width:23px;height:25px!important}
 .home-build-skills .entity-icon{width:31px;height:33px}
}
/* Creator core: reuse existing theme, fields and buttons. */
.creator-section,.optional-recommendations{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.creator-section h3,.target-group h3{margin:0 0 14px}.combat-loadout{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0}.combat-slot{min-width:0;border:1px solid var(--line);background:var(--panel2);padding:16px 10px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;font-size:14px}.combat-slot .field-wrap{min-width:0;width:100%;margin:0;font-size:14px}.combat-slot .field{padding:9px 5px;font-size:14px;width:100%;min-width:0}.combat-slot .micro-label{font-size:12px}.fixed-guard{border-color:var(--accent);border-style:dashed}.fixed-guard small{font-size:12px;color:var(--muted);line-height:1.5}.guard-symbol{font-size:28px;color:var(--accent2)}.pet-area{max-width:480px;padding-top:14px}.equipment-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}.equipment-board{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:12px;padding:18px;background:var(--panel2);border:1px solid var(--line)}.equipment-slot{min-width:0;border:1px solid var(--line);padding:12px;background:var(--panel)}.equipment-slot:nth-child(odd){grid-column:1}.equipment-slot:nth-child(even){grid-column:3}.equipment-slot .field-wrap{margin:0;font-size:14px}.equipment-slot .field{min-width:0;font-size:14px;padding:9px 5px}.equipment-center{grid-column:2;grid-row:1/7;align-self:center;text-align:center;display:grid;gap:12px;color:var(--muted);font-size:12px}.equipment-center>span{font-size:48px;color:var(--accent2)}.target-group{border-bottom:1px solid var(--line);padding:0 0 22px;margin:0 0 22px}.target-row{display:grid;grid-template-columns:minmax(0,1fr) 70px auto;gap:8px;align-items:end;margin:14px 0}.target-row label{min-width:0;font-size:14px;display:grid;gap:6px}.target-row .field{min-width:0;width:100%;padding:10px}.optional-recommendations summary,.legacy-equipment summary{cursor:pointer;font-size:16px;font-weight:600;padding:12px 0}.optional-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.optional-recommendations .field-wrap{font-size:14px}.equipment-readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.equipment-readout>div{display:grid;gap:8px;border:1px solid var(--line);padding:14px;font-size:14px;overflow-wrap:anywhere}.equipment-readout small{color:var(--muted);font-size:12px}.creator-form .muted,.target-group p{font-size:14px}.creator-form select:disabled{opacity:1;color:var(--muted);cursor:not-allowed}.stepbar{grid-template-columns:repeat(6,minmax(0,1fr))}.combat-slot .entity-icon{margin:8px}.legacy-equipment{margin-top:24px}#equipment-strategy p{overflow-wrap:anywhere}
@media(max-width:950px){.equipment-workspace{grid-template-columns:1fr}.combat-loadout{gap:6px}.combat-slot{padding:12px 5px}.stepbar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.combat-loadout{grid-template-columns:repeat(3,minmax(0,1fr))}.combat-slot{padding:14px 7px}.equipment-board{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);padding:10px;gap:8px}.equipment-slot{padding:8px}.equipment-center{font-size:10px}.equipment-center>span{font-size:32px}.optional-grid,.equipment-readout{grid-template-columns:repeat(2,minmax(0,1fr))}.stepbar .step{font-size:12px}.target-row{grid-template-columns:minmax(0,1fr) 60px auto}.target-row .btn{padding:10px}}
/* Grouped Creator workspace; existing field and button styles are retained. */
.creator-workspace{display:grid;gap:24px}.creator-workspace>.creator-form{margin:0;min-width:0}.creator-workspace .creator-controls{margin-top:0}.creator-workspace #optional-section .optional-recommendations{margin:0;padding:0;border:0}.creator-workspace #existing-ranges>summary,.creator-workspace #creator-preview>summary{cursor:pointer;font-size:16px;font-weight:600}.creator-workspace #gear-ranges,.creator-workspace #skill-ranges{margin-top:24px}.creator-workspace #creator-preview-content:empty{display:none}.creator-workspace #creator-preview-content{margin-top:24px}.creator-workspace #identity-fields .form-grid{margin-bottom:0}.creator-workspace .creator-combo{margin-top:20px}.creator-workspace #build-notes h2{margin-bottom:24px}.creator-workspace .creator-save-panel .form-error:empty{display:none}

/* Prototype v0.3.2 Build Creator: coherent model, one board, stable existing controls. */
.creator-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start;margin:0 0 54px}.creator-main{display:grid;gap:18px;min-width:0}.creator-panel,.creator-save-panel{padding:24px;min-width:0}.creator-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.creator-section-head h2{margin:0;font-size:22px}.creator-section-head p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.identity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.identity-grid .field-wrap:first-child{grid-column:span 2}.combination-strip{display:flex;align-items:center;gap:14px;margin-top:18px;padding:13px 15px;border:1px solid var(--line);background:var(--panel2);min-width:0}.combination-strip>span{display:grid;gap:2px}.combination-strip small{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.combination-strip b,.combination-strip i{color:var(--accent2);font-style:normal}.combination-result{min-width:170px}.combination-strip .sample-mark{margin-left:auto;color:var(--accent2);font-size:10px;letter-spacing:.08em}.compatibility-warning{flex-basis:100%;margin:0;color:#e4b976;font-size:12px}.growth-grid{display:grid;grid-template-columns:minmax(235px,28%) minmax(0,72%);gap:18px;align-items:stretch}.attributes-panel{border:1px solid var(--line);background:var(--panel2);padding:16px;min-width:0}.attributes-panel .creator-section-head{display:block;margin-bottom:12px}.attributes-panel .creator-section-head .tag{display:none}.attributes-panel .creator-section-head h2{font-size:17px}.attribute-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.attribute-row>span{display:grid;min-width:0}.attribute-row strong{font-size:13px}.attribute-row small{color:var(--muted);font-size:9px;white-space:nowrap}.attribute-stepper{display:grid;grid-template-columns:30px 50px 30px;align-items:stretch}.attribute-delta,.attribute-value{height:34px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.attribute-delta{cursor:pointer;font-size:16px}.attribute-value{border-left:0;border-right:0;text-align:center;padding:0 2px}.creator-tree{min-width:0}.creator-tree .tree-section{height:100%;margin:0}.unified-board{padding:18px}.unified-board .tree-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.unified-board .tree-heading h2{margin:0;font-size:18px}.unified-board .tree-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.board-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:10px 0}.board-toolbar .btn{min-height:34px;padding:6px 10px}.board-zoom-value{min-width:48px;text-align:center;color:var(--muted);font-size:11px}.unified-board .tree-workspace{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:12px}.skill-board-viewport{position:relative;height:410px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at center,#263552 0 1px,transparent 1px) 0 0/22px 22px,var(--panel2);cursor:grab;touch-action:none}.skill-board-viewport.dragging{cursor:grabbing}.skill-board-canvas{position:absolute;width:880px;height:500px;left:50%;top:50%;margin:-250px 0 0 -440px;transform-origin:center;transition:transform 100ms ease}.skill-board-viewport.dragging .skill-board-canvas{transition:none}.skill-board-canvas svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.skill-board-canvas path{fill:none;stroke:#56627a;stroke-width:2}.skill-board-canvas path.branch-race{stroke:#8a74bf}.skill-board-canvas path.branch-class{stroke:#4e8795}.skill-board-canvas path.lit{stroke:var(--accent2);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--accent2) 55%,transparent))}.skill-board-canvas .tree-node{transform:translate(-50%,-50%);z-index:2}.skill-board-canvas .tree-node.branch-race{border-color:#8870b3}.skill-board-canvas .tree-node.branch-class{border-color:#4e8795}.board-axis{position:absolute;color:var(--muted);font-size:10px;letter-spacing:.12em;pointer-events:none}.board-axis-race{left:458px;top:26px}.board-axis-class{left:32px;top:266px}.unified-board .tree-inspector{padding:14px}.unified-board .tree-inspector .btn{width:100%;margin-top:8px}.unified-board .node-legend{flex-wrap:wrap;gap:8px 14px;font-size:10px}.race-legend{color:#b39ade}.class-legend{color:#77b9c7}.creator-preview-column{position:sticky;top:88px;min-width:0}.creator-preview-panel{padding:20px}.preview-summary h2{margin:10px 0 5px;font-size:20px}.preview-loadout{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:16px 0}.preview-loadout .entity-icon,.preview-guard{width:100%;aspect-ratio:1;display:grid;place-items:center}.preview-guard{border:1px dashed var(--accent);color:var(--accent2)}.preview-summary dl{display:grid;gap:0;margin:16px 0}.preview-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.preview-summary dt{color:var(--muted);font-size:11px}.preview-summary dd{margin:0;font-weight:700}.preview-warning{color:var(--muted);font-size:11px;line-height:1.5}.equipment-editor{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(245px,.65fr);gap:20px;align-items:start}.equipment-config-list{display:grid;gap:9px}.equipment-config-row{display:grid;grid-template-columns:minmax(125px,.8fr) auto minmax(145px,1fr) auto minmax(155px,1.15fr);gap:8px;align-items:end;border:1px solid var(--line);background:var(--panel2);padding:13px}.equipment-config-row legend{padding:0 6px;color:var(--text);font-size:12px}.equipment-config-row legend b{color:var(--accent2);margin-right:5px}.equipment-config-row label{display:grid;gap:5px;color:var(--muted);font-size:10px}.equipment-config-row .field{min-width:0;padding:9px 8px;font-size:12px}.equipment-config-row>span{align-self:center;color:var(--accent2)}.strategy-targets{position:sticky;top:88px}.compact-panel .field-wrap{max-width:480px}.optional-body{padding-top:18px}.derived-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.derived-groups>div{border:1px solid var(--line);background:var(--panel2);padding:14px}.derived-groups h3{margin:0 0 10px;color:var(--accent2);font-size:11px}.derived-groups p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:8px 0;border-top:1px solid var(--line);font-size:12px}.derived-groups strong{color:var(--muted);font-weight:500}.learnable-empty{display:flex;gap:16px;align-items:center;padding:20px;border:1px dashed var(--line);background:var(--panel2)}.learnable-empty>span{font-size:32px;color:var(--accent2)}.learnable-empty p{margin:5px 0 0;color:var(--muted);font-size:12px}.progression-list{display:grid;gap:12px}.progression-stage{display:grid;grid-template-columns:100px minmax(0,1fr) auto auto;gap:12px;align-items:end;border:1px solid var(--line);padding:14px}.progression-stage label{display:grid;gap:6px;color:var(--muted);font-size:11px}.progression-stage textarea{min-height:48px;resize:vertical}.stage-state{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.stage-state span,.legacy-range-summary span{padding:5px 8px;border:1px solid var(--line);color:var(--muted);font-size:10px}.creator-save-panel{text-align:right}.creator-save-panel>p{color:var(--muted);font-size:11px}.guard-slot-placeholder{border-style:dashed!important;color:var(--accent2)!important}.attribute-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.attribute-readout span{border:1px solid var(--line);padding:10px;font-size:12px}.core-panel{margin-bottom:16px}
html[data-theme="day"] .attributes-panel,html[data-theme="day"] .equipment-config-row,html[data-theme="day"] .derived-groups>div,html[data-theme="day"] .learnable-empty,html[data-theme="day"] .skill-board-viewport{background:color-mix(in srgb,var(--panel2) 90%,#fff)}html[data-theme="day"] .attribute-row small,html[data-theme="day"] .creator-section-head p,html[data-theme="day"] .preview-summary dt,html[data-theme="day"] .preview-warning{color:#35515a}html[data-theme="day"] .board-axis,html[data-theme="day"] .tree-message,html[data-theme="day"] .tree-selection{color:#304d55!important}
@media(max-width:1180px){.creator-shell{grid-template-columns:minmax(0,1fr) 270px}.identity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.growth-grid{grid-template-columns:255px minmax(0,1fr)}.equipment-editor{grid-template-columns:1fr}.strategy-targets{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.target-group{margin:0;padding:12px;border:1px solid var(--line)}}
@media(max-width:1050px){.creator-shell{grid-template-columns:1fr}.creator-preview-column{position:static;order:2}.creator-preview-panel{max-width:none}.growth-grid{grid-template-columns:260px minmax(0,1fr)}.unified-board .tree-workspace{grid-template-columns:1fr}.unified-board .tree-inspector{display:grid;grid-template-columns:160px 100px minmax(0,1fr);gap:12px;align-items:end}.unified-board .tree-inspector>small,.unified-board .tree-selection{grid-column:1/-1}.skill-board-viewport{height:360px}}
@media(max-width:800px){.identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-grid{grid-template-columns:1fr}.attributes-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.attributes-panel .creator-section-head{grid-column:1/-1}.strategy-targets{grid-template-columns:1fr}.derived-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-config-row{grid-template-columns:1fr 1fr}.equipment-config-row legend{grid-column:1/-1}.equipment-config-row>span{display:none}.equipment-config-row label:last-child{grid-column:1/-1}.progression-stage{grid-template-columns:90px minmax(0,1fr)}.progression-stage .btn,.progression-stage .text-button{justify-self:start}.unified-board .tree-inspector{grid-template-columns:1fr 1fr}.unified-board .tree-message{grid-column:1/-1}}
@media(max-width:540px){.creator-panel,.creator-save-panel{padding:17px}.identity-grid,.attributes-panel{grid-template-columns:1fr}.identity-grid .field-wrap:first-child{grid-column:auto}.combination-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.combination-strip i{display:none}.combination-result{grid-column:1/-1;min-width:0;padding-top:8px;border-top:1px solid var(--line)}.combination-strip .sample-mark{grid-column:1/-1;margin:0}.combat-loadout{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-board-viewport{height:310px}.unified-board{padding:12px}.unified-board .tree-heading{grid-template-columns:auto 1fr}.unified-board .tree-heading .tag{grid-column:2}.board-toolbar{justify-content:flex-start}.unified-board .tree-inspector{grid-template-columns:1fr}.equipment-config-row{grid-template-columns:1fr}.equipment-config-row label:last-child{grid-column:auto}.derived-groups{grid-template-columns:1fr}.optional-grid{grid-template-columns:1fr 1fr}.progression-stage{grid-template-columns:1fr}.stage-state{grid-column:auto}.creator-controls{display:grid}.creator-controls .btn{width:100%}.preview-loadout{gap:3px}}

/* Keep the compact dependency summary readable when its compatibility notice appears. */
@media(min-width:541px){.combination-strip{display:grid;grid-template-columns:minmax(80px,auto) auto minmax(90px,auto) auto minmax(170px,1fr) auto}.combination-strip>span{min-width:0}.combination-strip .sample-mark{margin-left:0;white-space:nowrap}.compatibility-warning{grid-column:1/-1;margin:0;padding-top:9px;border-top:1px solid var(--line)}}
html[data-theme="day"] .compatibility-warning{color:#70491f}
.learnable-list{display:grid;gap:10px}.learnable-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:14px;border:1px solid var(--line);background:var(--panel2)}.learnable-row>div{display:grid;gap:4px}.learnable-row small,.learnable-row p{color:var(--muted);font-size:11px}.learnable-row p{grid-column:1/-1;margin:0}.learnable-row>span{align-self:center;color:var(--accent2);font-size:12px;font-weight:700}.learnable-row[data-learnable-state="insufficient"]>span{color:#d59d67}.learnable-row[data-learnable-state="locked"]{opacity:.72}

/* Correction pass: sample visuals, compact dependency summaries and spacing only. */
.sample-pixel-thumb{position:relative;display:grid;width:100%;height:100%;place-items:center;overflow:hidden;background:linear-gradient(145deg,#182940,#0a111e 68%);color:#bca6e8}.sample-pixel-thumb:before{content:'';position:absolute;inset:6px;border:1px solid #796a9a66;background:linear-gradient(135deg,transparent 0 35%,#6f5c9b24 36% 50%,transparent 51%)}.sample-pixel-thumb i,.sample-pixel-thumb b{position:absolute;display:block;width:11px;height:11px;transform:rotate(45deg);background:#6ab2c455;box-shadow:0 0 0 2px #0b1420,0 0 7px #59a8bc55}.sample-pixel-thumb i{left:9px;top:9px}.sample-pixel-thumb b{right:8px;bottom:8px;width:7px;height:7px;background:#a27bd866}.sample-pixel-thumb em{position:relative;z-index:1;font-style:normal;font-size:20px;text-shadow:0 1px 3px #000}.sample-prefix em,.sample-set_effect em{font-size:17px}.sample-base_equipment{background:linear-gradient(145deg,#213047,#0c1522 68%)}.sample-pet{background:linear-gradient(145deg,#24382f,#0b1717 70%)}.guard-human{background:linear-gradient(145deg,#304760,#111927 70%);color:#b9dbef}.guard-elf{background:linear-gradient(145deg,#28365c,#15142a 70%);color:#d4bcff}.guard-dwarf{background:linear-gradient(145deg,#59402e,#201514 70%);color:#efbd88}.guard-human i{background:#82c7dc66}.guard-elf i{background:#a885df77}.guard-dwarf i{background:#d78a526e}.fixed-guard .entity-icon{width:48px;height:50px;margin:0}.preview-loadout .sample-pixel-thumb em{font-size:14px}

/* v0.3.3 narrow snapshot and summary patch */
.creator-edit-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border:1px solid var(--line);background:var(--panel2);font-size:12px}.creator-edit-mode span{color:var(--muted)}.creator-edit-mode strong{letter-spacing:.08em}.creator-edit-mode.snapshot-active,.snapshot-mode.snapshot-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel2))}.snapshot-control{display:grid;grid-template-columns:auto minmax(170px,230px) 1fr;gap:12px;align-items:end;margin:0 0 18px;padding:14px;border:1px solid var(--line);background:var(--panel2)}.snapshot-mode{display:grid;gap:3px;align-self:stretch;align-content:center;padding:8px 11px;border-left:3px solid var(--accent2);background:var(--panel)}.snapshot-mode span{font-size:10px;color:var(--muted);letter-spacing:.08em}.snapshot-mode strong{font-size:14px}.snapshot-control>label{display:grid;gap:6px;color:var(--muted);font-size:11px}.snapshot-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.saved-levels{grid-column:1/-1;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.saved-level{padding:4px 7px;border:1px solid var(--line);color:var(--muted);font-size:10px}.saved-level.selected{border-color:var(--accent2);color:var(--text);background:color-mix(in srgb,var(--accent2) 13%,var(--panel))}.tree-inspector .snapshot-mode{margin-bottom:10px}.tree-inspector .saved-levels{margin:8px 0}.tree-inspector .text-button{width:100%;margin-top:8px}.strategy-heading{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.strategy-heading .eyebrow{grid-row:1/3}.strategy-heading small{color:var(--muted);font-size:10px}.pet-editor{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:20px;align-items:start}.pet-preview{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;padding:16px;border:1px solid var(--line);background:var(--panel2)}.pet-image{height:116px;display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(circle at 45% 40%,#385b6470,transparent 55%),#0a1420}.pet-image .entity-icon{width:82px;height:86px}.pet-details h3{margin:9px 0 5px}.pet-details>strong{font-size:13px;color:var(--accent2)}.pet-details ul{margin:10px 0;padding-left:18px;color:var(--text);font-size:12px}.pet-details p,.empty-pet p{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.empty-pet{display:flex;align-items:center;min-height:100px}.empty-pet>span{font-size:30px;color:var(--accent2)}.preview-mode-tag{display:inline-flex;margin:0 6px 4px 0}.equipment-auto-summary,.manual-target-summary{margin:16px 0;padding:13px;border:1px solid var(--line);background:var(--panel2)}.preview-subhead{display:flex;align-items:center;gap:9px;margin-bottom:12px}.preview-subhead .eyebrow{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent2)}.preview-subhead>div{display:grid}.preview-subhead strong{font-size:12px}.preview-subhead small{font-size:9px;color:var(--muted)}.equipment-auto-summary h4,.manual-target-summary h4{margin:10px 0 6px;color:var(--muted);font-size:10px;letter-spacing:.06em}.equipment-auto-summary ul{list-style:none;padding:0;margin:0}.equipment-auto-summary li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:11px}.equipment-auto-summary li.unassigned{color:var(--muted)}.equipment-auto-summary>p,.manual-target-summary>p{display:flex;justify-content:space-between;gap:8px;margin:6px 0;font-size:11px}.progression-timeline{display:grid;gap:0;border-left:1px solid var(--line);margin-left:24px}.timeline-stage{position:relative;display:grid;grid-template-columns:92px minmax(160px,.8fr) minmax(220px,1fr);gap:16px;align-items:center;padding:15px 0 15px 24px;border-bottom:1px solid var(--line)}.timeline-stage:before{content:'';position:absolute;left:-5px;width:9px;height:9px;border:1px solid var(--accent2);background:var(--panel)}.timeline-level{display:grid;gap:3px}.timeline-level strong{font-size:16px}.timeline-level span{font-size:9px;color:var(--accent2);letter-spacing:.08em}.timeline-events{display:flex;gap:6px;flex-wrap:wrap}.timeline-events span{padding:5px 7px;border:1px solid var(--line);font-size:10px}.timeline-events small{width:100%;color:var(--muted);font-size:9px}.timeline-stage label{display:grid;gap:5px;color:var(--muted);font-size:10px}.timeline-stage textarea{min-height:48px;resize:vertical}.timeline-stage.final-stage:before{background:var(--accent2);box-shadow:0 0 8px color-mix(in srgb,var(--accent2) 55%,transparent)}
html[data-theme="day"] .creator-edit-mode,html[data-theme="day"] .snapshot-control,html[data-theme="day"] .pet-preview,html[data-theme="day"] .equipment-auto-summary,html[data-theme="day"] .manual-target-summary{background:color-mix(in srgb,var(--panel2) 90%,#fff)}html[data-theme="day"] .pet-image{background:radial-gradient(circle at 45% 40%,#75a5a680,transparent 55%),#c5d6ce}
@media(max-width:800px){.snapshot-control{grid-template-columns:1fr 1fr}.snapshot-actions{grid-column:1/-1}.pet-editor{grid-template-columns:1fr}.timeline-stage{grid-template-columns:80px 1fr}.timeline-stage label{grid-column:1/-1}}
@media(max-width:540px){.snapshot-control{grid-template-columns:1fr}.snapshot-actions{grid-column:auto}.pet-preview{grid-template-columns:82px 1fr}.pet-image{height:82px}.pet-image .entity-icon{width:62px;height:64px}.timeline-stage{grid-template-columns:1fr;padding-left:20px}.timeline-stage label{grid-column:auto}}

/* v0.3.4 detail summary and merged progression patch */
.detail-equipment-summaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.detail-equipment-summaries .equipment-auto-summary,.detail-equipment-summaries .manual-target-summary{margin:0}.detail-progression-timeline .timeline-stage{grid-template-columns:92px minmax(0,1fr)}
@media(max-width:800px){.detail-equipment-summaries{grid-template-columns:1fr}}

/* Equipment snapshot viewing reuses the final-build equipment readout. */
.detail-equipment-browser{margin-top:16px}.detail-equipment-controls{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);background:var(--panel2)}.detail-equipment-controls label{display:grid;gap:6px;min-width:min(100%,300px);color:var(--muted);font-size:11px}.detail-equipment-mode{display:flex;align-items:center;min-height:38px;margin:12px 0;padding:9px 12px;border-left:3px solid var(--accent2);background:var(--panel2);font-size:12px;font-weight:700;letter-spacing:.05em}.detail-equipment-mode.snapshot-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel2))}.detail-equipment-browser>.equipment-auto-summary{margin-bottom:0}.detail-author-targets{margin-top:16px}.saved-levels button.saved-level{font:inherit;cursor:pointer;background:transparent}.saved-levels button.saved-level:hover{border-color:var(--accent2);color:var(--text)}
@media(max-width:540px){.detail-equipment-controls{align-items:stretch;flex-direction:column}.detail-equipment-controls label,.detail-equipment-controls .btn{width:100%}}

.class-card{display:grid;grid-template-columns:40px max-content;justify-content:center;align-items:center;column-gap:10px;text-align:left}.class-card .entity-icon{margin:0;justify-self:center}.class-card strong{justify-self:start;line-height:1.25}

.combination-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.compact-combination-flow{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.combination-identity{display:flex!important;align-items:center;gap:9px;min-width:0}.combination-identity>span:last-child{display:grid;gap:2px;min-width:0}.combination-identity strong{white-space:nowrap}.combo-mini-visual{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);overflow:hidden}.combo-mini-visual .entity-icon{width:100%;height:100%;border:0;box-shadow:none}.combo-race-visual{background-image:url('assets/character-atlas.png');background-size:300% auto;background-repeat:no-repeat;background-position:0 25%}.combo-race-visual[data-race-visual="race-human"]{background-position:50% 25%}.combo-race-visual[data-race-visual="race-dwarf"]{background-position:100% 25%}.combo-archetype-visual{color:var(--accent2);font-size:19px;background:radial-gradient(circle,#664b8e66,#111a29 68%)}.combination-strip .sample-mark{margin-left:auto}.detail-combination-summary{display:flex;align-items:center;gap:10px;margin-top:12px;padding:9px 11px}.detail-combination-summary .compact-combination-flow{max-width:560px}.detail-combination-summary .sample-mark{font-size:9px;color:var(--accent2);letter-spacing:.09em}.detail-combination-summary .combo-mini-visual{width:34px;height:34px;flex-basis:34px}.detail-combination-summary small{font-size:9px;color:var(--muted)}

#legacy-ranges{margin-top:24px;padding:17px 18px 18px;border-top:1px solid var(--line);border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);background:color-mix(in srgb,var(--panel2) 72%,transparent)}#legacy-ranges summary{cursor:pointer;padding:2px 0 10px;font-weight:650}#legacy-ranges[open] summary{margin-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}#legacy-ranges p{margin:0 0 14px;color:var(--muted);line-height:1.55}.legacy-range-summary{display:flex;gap:10px;flex-wrap:wrap}

html[data-theme="day"] .sample-pixel-thumb{background:linear-gradient(145deg,#cbd9d6,#9fb8b4 70%);color:#3c3560}html[data-theme="day"] .combo-archetype-visual{background:radial-gradient(circle,#9c86c855,#c3d4d1 70%);color:#4f3c78}html[data-theme="day"] #legacy-ranges{background:color-mix(in srgb,var(--panel2) 85%,#fff)}

@media(max-width:700px){.compact-combination-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%}.compact-combination-flow>i{display:none}.compact-combination-flow .combination-result{grid-column:1/-1;min-width:0;padding-top:9px;border-top:1px solid var(--line)}.detail-combination-summary{align-items:flex-start;flex-wrap:wrap}.detail-combination-summary .sample-mark{margin-left:0}.class-card{grid-template-columns:34px max-content;column-gap:7px}}
@media(max-width:430px){.compact-combination-flow{gap:7px}.combination-identity{gap:6px}.combo-mini-visual{width:32px;height:32px;flex-basis:32px}.combination-identity strong{font-size:12px}.class-card{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:5px}.class-card strong{justify-self:center}}