/* V0.4.0 unified theme. Original computation, artwork and persistence stay intact. */
:root{color-scheme:light;--bg:#211831;--side:#251d35;--card:#faf7ff;--raised:#f0eafa;--line:#e1d9eb;--text:#352448;--muted:#71627f;--accent:#8649c6;--accent-bg:#eee3fa;--warn:#93621c;--bad:#b43450;--radius:12px;--gap:18px;--sidebar:224px;--shadow:0 3px 16px #0e09170e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--gold:#d3a24f;--surface-deep:#352448;--text-light:#f7f2ff;font:14px/1.6 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text)}
body{background:var(--bg)}button,.button,.file-button{color:var(--text);background:var(--raised);border:1px solid #d9cce8;border-radius:7px;padding:9px 13px;min-height:38px;font-weight:500;text-decoration:none;box-shadow:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px}button:hover,.button:hover,.file-button:hover{background:#e7d9f5;border-color:#b792d6}button.primary,.button.primary{background:#8649c6;border-color:#8649c6;color:white}button.primary:hover,.button.primary:hover{background:#733bb0;border-color:#733bb0}button:active,.button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}button.ghost{background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #af7cde;outline-offset:3px}a{color:#7540ab;text-underline-offset:3px}input,select,textarea{background:#fff;color:var(--text);border-color:#cfc2de;padding:9px 11px;border-radius:7px;min-height:40px}input[type=checkbox]{min-height:16px;accent-color:var(--accent);flex:none}input:hover,select:hover,textarea:hover{border-color:#aa80cc}label{color:#51405f;gap:5px;font-size:13px}label small,.help,small,.muted{color:var(--muted)}h1{font-size:28px;font-weight:700;letter-spacing:-.5px}h2{font-size:17px;font-weight:650}h3{font-size:15px;font-weight:650}.eyebrow{color:#84649c;letter-spacing:.5px;font-size:11px;font-weight:600;margin-bottom:6px}
.sidebar{padding:22px 13px 16px;background:var(--side);color:#e5d8f2;border-color:#493555;box-shadow:none;overflow:auto}.side-title{gap:2px;align-items:center}.brand{gap:7px;font-size:19px;line-height:1.4;margin:0;color:white;letter-spacing:0}.brand-mark{width:40px;height:44px;object-fit:contain;border:0;background:transparent;border-radius:0;flex:none}.brand-name small{display:block;color:#bfaad2;font-size:10px;font-weight:400;margin-top:2px}.brand-sub{font-size:10px;color:#b5a2c6;margin:12px 0 15px 9px}.collapse-btn{color:#cbb5dc;background:none!important;border:0;padding:0;min-width:22px;min-height:32px}.nav-group{color:#ac96c1;font-size:10px;margin:22px 12px 8px;letter-spacing:.7px}.nav-link{color:#cfbddf;font-size:13px;padding:10px 12px;margin:3px 0;border:1px solid transparent;border-radius:8px;gap:12px;min-height:43px}.nav-link svg{width:19px;height:19px;opacity:.9}.nav-link:hover{background:#ffffff08;color:white}.nav-link.active{background:#48305e;color:#fff;border-color:#79538f;box-shadow:inset 3px 0 #c294eb}.sidebar-bottom{color:#b5a2c6;font-size:10px;border-top:1px solid #4e3a60;margin-top:auto;padding:18px 10px 0}.sidebar-bottom .dot{background:#bea0da}.collapsed{--sidebar:72px}.collapsed .sidebar{padding:22px 10px}.collapsed .brand-mark{width:40px;height:40px}.collapsed .brand{gap:0}
.workspace{background:radial-gradient(ellipse at 90% 0,#3b28503b,transparent 650px),#211831;min-height:100vh}body[data-page=home] .workspace,body[data-page=brand] .workspace{background-image:linear-gradient(180deg,#21183135,#2118319e 650px,#211831 1100px),url('/assets/dungeon-room-v1.bee17cfdff36.webp');background-size:100% 1200px,100% auto;background-position:center top;background-repeat:no-repeat;background-color:#211831}.workspace main{max-width:2080px;margin:auto;padding:0 26px 32px}.topbar{height:62px;padding:0 26px;background:#251c34f5;border-color:#50365e70;color:#cdb8de;gap:16px;position:relative;z-index:21}.topbar .context{color:#e7d8f4;font-size:12px;min-width:0}.topbar small{color:#b7a2c7;font-size:10px}.topbar .pill{color:#dfc9ee;background:#362541;border-color:#5c406e;font-size:10px;flex:none}.top-status{font-size:10px;color:#beabd0;white-space:nowrap}.top-brand-link{color:#ead6f7;font-size:12px;text-decoration:none;white-space:nowrap}#draft-state{max-width:24%}#mobile-menu{display:none}.nav-backdrop{display:none}
.page-head.tool-banner{min-height:122px;display:flex;align-items:center;gap:16px;padding:24px 0;margin:0 0 16px;color:var(--text-light);border:0;border-bottom:1px solid #56406670;border-radius:0;background:transparent;box-shadow:none}.tool-banner>div{max-width:900px}.tool-banner h1{font-size:28px}.tool-banner .eyebrow{color:#c2a4d5;font-size:10px;letter-spacing:.4px}.tool-banner p{color:#c8b5d8;font-size:12px;margin-top:5px;max-width:750px}.tool-banner>.pill{background:#35253f;color:#dfc9ec;border-color:#604171;font-size:10px;flex:none;margin-left:auto}.local-error{color:#ffd0d9;font-size:12px}.local-error:empty{display:none}.card .local-error{color:var(--bad)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.card .card{background:#f4effb;border-color:#dfd3eb;box-shadow:none}.card h2,.card h3{color:#3c284e}.card-head{gap:12px;margin-bottom:16px}.card-head p{font-size:11px;color:var(--muted)}.stat{background:#fff;border:1px solid #e4d9ef;border-radius:9px;padding:15px 17px;box-shadow:none}.stat small{color:#71617f;font-size:11px;margin-bottom:6px}.stat strong{color:#60338a;font-weight:650;font-size:28px;letter-spacing:-.7px}.stat .sub{color:#756783;font-size:11px}.pill,.badge{color:#42674e;background:#ecf3eb;border:1px solid #c8d9c7;padding:3px 7px;font-size:10px;border-radius:5px}.pill.neutral{color:#72548d;background:#f0e7f8;border-color:#dfd0ed}.pill.warning{color:#805617;background:#fff2dc;border-color:#e6cc9d}.note{color:#675079;background:#eee8f6;border-color:#d9cbea;padding:11px 13px;font-size:12px}.note.warning{color:#805a27;background:#fff5e4;border-color:#e9d7b9}#combat>.note.warning{color:#e7c994;background:#3b2c32;border-color:#715444;margin:0 0 16px}.warn{color:#94601a}.delta{color:#75409e}.result-item{background:#fff;border-color:#e4d9ef;border-radius:8px;padding:12px 14px}.result-item strong.pending-value{font-size:16px;line-height:1.6;letter-spacing:0;font-weight:600}.result-item strong{color:#5c3283;font-size:22px;overflow-wrap:anywhere}.result-item small{font-size:11px;color:#71627f}.result-item .basis{color:#776783;font-size:10px}.result-group h2{margin-bottom:12px}.result-grid{gap:10px}.result-group{margin-bottom:0}
.input-row{padding:5px 0;border-color:#e9e0f1;grid-template-columns:minmax(0,1fr) 100px;gap:10px;min-height:48px}.input-row label small{display:none}.input-row label{font-weight:500}.input-row input{min-height:36px;padding:6px 10px}.grid{gap:14px}.toolbar{gap:8px;margin:14px 0}.toolbar button,.toolbar .button{font-size:12px}.toolbar label{min-width:0}.scroll{scrollbar-color:#c5afd5 #f0e9f7}table{font-size:12px}th,td{padding:10px 11px;border-color:#e3d8ed;overflow-wrap:anywhere}th{background:#eee6f7;color:#705a81;font-size:11px}td{color:#53405f}tbody tr:hover{background:#f1e9f8}pre{color:#665174;background:#f0e9f7;border:1px solid #e6dbf0;font-size:11px}details{border-color:#e0d4eb;margin-top:14px;padding-top:10px}summary{color:#74558b;padding:4px 0;font-size:12px}.empty{background:#f4effa;color:#756383;border-color:#d6c4e4;font-size:12px}
/* Tool workspaces */
.quicklinks{background:transparent;border:0;padding:0;margin:0 0 16px;gap:6px}.quicklinks button{background:#30223f;color:#d9c2eb;border-color:#543868;font-size:11px;padding:7px 11px;min-height:33px}.quicklinks button:hover{background:#463056}.quicklinks button.active{background:#8251b4;border-color:#a375cc;color:white}
.curve-workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 240px;gap:16px;align-items:start}.curve-workspace>.card{margin:0}.curve-parameters{grid-column:1;grid-row:1/3}.curve-chart{grid-column:2;min-width:0}.curve-metrics{grid-column:3}.curve-detail{grid-column:2/4}.curve-parameters h2,.curve-metrics h2{font-size:15px;margin-bottom:16px}.curve-parameters .filters{display:grid;grid-template-columns:1fr;gap:14px}.curve-parameters .filters label:last-child{grid-column:auto}.curve-parameters .parameters{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0 12px}.curve-parameters .parameters button{width:100%;height:auto;min-height:42px}.curve-parameters #metadata{font-size:11px;line-height:1.8;border-top:1px solid #e4d9ef;padding-top:12px}.curve-metrics .stat-row{grid-template-columns:1fr;gap:10px;margin:0 0 13px}.curve-metrics .stat{padding:12px 14px}.curve-metrics .stat strong{font-size:25px}.curve-metrics .stat:first-child{border-left:3px solid #8a4fbd}.curve-metrics .stat:nth-child(2){border-left:3px solid #c18c36}.curve-metrics .stat:nth-child(3){background:#f0e6fa;border-color:#d8bfea}.curve-metrics>.help{font-size:10px;line-height:1.7}.chart-title{align-items:start;flex-wrap:wrap;gap:12px}.chart-title h2{font-size:17px}.chart-tools{gap:6px;align-items:center}.chart-tools button{min-height:30px;font-size:10px;padding:5px 8px}.chart-tools label{font-size:11px;gap:5px}.chart{width:100%;height:360px;overflow:visible}.chart text{fill:#73607e;font-size:11px}.chart .gridline{stroke:#e3d7ec}.chart .data-line{stroke:#8d51c4;stroke-width:2.4}.chart .current{fill:#8a4fbd;stroke:#fff}.chart .target{fill:#c18c36;stroke:#fff}.legend{font-size:11px;color:#75617e}.legend i{background:#8a4fbd}.legend i.target{background:#c18c36}.tooltip{color:white;background:#3b2850;border-color:#8a62ab;font-size:11px}#hover{font-size:11px;min-height:22px}.curve-detail .card-head h2{font-size:15px}.curve-detail .card-head{margin-bottom:8px}
#character>.split{grid-template-columns:300px minmax(0,1fr);gap:18px}#character>.split>.card{position:sticky;top:16px}#character .split>div>.note{margin:0 0 16px}#char-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}#char-result>.card:nth-child(3){grid-column:1/-1}#char-result>.card:nth-child(3) .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#char-result>.card:last-child{grid-column:1/-1;margin:0}#char-result>.card:nth-last-child(2):nth-child(4){grid-column:1/-1}
#compare>.cols{gap:16px}#compare>.cols>.card{padding:18px;margin:0}#compare>.cols>.card:first-child{border-top:3px solid #9560c4}#compare>.cols>.card:nth-child(2){border-top:3px solid #bd9957}#compare .input-row{display:grid;grid-template-columns:minmax(0,1fr) 85px;padding:3px 0;min-height:43px}#compare .cols .toolbar{margin:12px 0 0}#compare>.toolbar{background:#3a294a;border:1px solid #5c406e;border-radius:8px;padding:10px 14px;margin:16px 0}#compare>.toolbar button{font-size:11px;background:#4a355d;color:#ecdef6;border-color:#6e4c87}.compare-overview .card-head{margin-bottom:12px}.comparison-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.comparison-highlights h3{font-size:13px;margin:7px 0}.comparison-highlights strong{font-size:24px}.comparison-highlights .result-item{border-left:3px solid #ad8bc8}#compare-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}#compare-result>.card{margin:0}#compare-result>.note{grid-column:1/-1;margin:0}#compare-result>.card:last-child{grid-column:1/-1}#compare-result table th:last-child,#compare-result table td:last-child{min-width:120px}
.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:18px;align-items:start}.wizard-main{margin:0}.workflow-summary{position:sticky;top:18px;margin:0;background:#f0e9f7}.workflow-summary h2{font-size:15px;line-height:1.6}.workflow-summary dl{margin:18px 0;font-size:12px}.workflow-summary dt{font-size:10px;color:#79618a;margin:14px 0 3px}.workflow-summary dd{margin:0;color:#4d365f;overflow-wrap:anywhere}.workflow-summary .note{font-size:11px}.workflow-summary>.help{font-size:11px;line-height:1.8}.workflow-track{height:3px;background:#dcd0e7;border-radius:2px;margin-top:15px;overflow:hidden}.workflow-track span{display:block;height:100%;background:#a26dcf;transition:width .15s}.stepnav{gap:5px;border-bottom:1px solid #e1d5ec;padding-bottom:16px;margin-bottom:18px;flex-wrap:wrap}.stepnav button{background:#f1eafa;color:#725186;border-color:#e1d4ed;flex:1;min-width:82px;font-size:11px;padding:9px 7px;gap:7px;min-height:40px}.stepnav button.active{color:white;background:#8650b7;border-color:#8650b7}.progress-num{color:#88629d;background:#f9f5fd;border-color:#d5c3e4;font-size:10px;width:20px;height:20px;flex:none}.stepnav .active .progress-num{color:white;background:#ffffff15;border-color:#d5b8ed}.step-panel>h2{margin-bottom:8px}.step-panel>.help,.step-panel>.muted{margin-bottom:16px}.step-panel>.grid{margin-top:16px}#combat-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}#combat-models .result-item label strong{font-size:14px}#combat-result>.cols>.card{margin-bottom:0}#combat-result>.card{margin-top:16px}
#research-content>.stat-row{margin:0 0 18px}.research-docs>details{background:#f4eefa;border:1px solid #e3d8ed;border-radius:7px;padding:10px 12px}.research-docs>details>summary{font-size:12px}.app-footer{color:#b39ac7;border-top:1px solid #533a655e;padding-top:18px;margin-top:30px;font-size:10px;gap:12px}.dialog{background:#fbf8ff;color:#3e2a51;border-color:#c5aad9}.dialog p{color:#746080}.dialog::backdrop,.brand-lightbox::backdrop{background:#160b28c9;backdrop-filter:blur(3px)}.toast{background:#4a3060;color:#fff;border-color:#a981c6}.toast.error{background:#71334d;color:#ffe4ec;border-color:#d58caa}.toast button{color:white;min-height:24px}.skip-link{background:#f8f1ff;color:#4a2964}
.share-notice{position:relative;margin:0;padding:0;border:0;flex:none;color:#e3c8f1;z-index:30;font-size:11px}.share-notice>summary{color:#e3c8f1;border:1px solid #725388;background:#3e294f;padding:4px 10px;border-radius:6px;font-size:10px;list-style:none;min-height:28px;display:flex;align-items:center;white-space:nowrap}.share-notice>summary::-webkit-details-marker{display:none}.share-notice>div{position:absolute;right:0;top:38px;width:300px;max-width:calc(100vw - 28px);padding:16px;border:1px solid #78568e;background:#352344;color:#efe0f8;border-radius:9px;box-shadow:0 8px 24px #10051f55;font-size:12px;line-height:1.9}.shared-mode #draft-state{display:none}
/* Brand areas preserve the existing original art; services use three different original props. */
.brand-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:460px;position:relative;color:#f9efff;isolation:isolate;margin:0 0 24px;gap:10px}.hero-copy{position:relative;z-index:2;padding:40px 8px 32px 4px}.hero-copy::before{content:'';position:absolute;inset:20px -30px 8px -26px;background:linear-gradient(90deg,#21142eea,#21142eb0 68%,transparent);z-index:-1;border-radius:18px;pointer-events:none}.hero-kicker{font-size:11px;letter-spacing:1px;color:#d4b8e5;margin-bottom:20px}.hero-kicker span{color:#dfbf7d;margin:0 8px}.brand-hero h1{color:#fff3ff;font-size:56px;font-weight:800;letter-spacing:1px;line-height:1.16;text-shadow:0 3px #79519d,0 7px 24px #14081f}.hero-cross{font-size:25px;color:#dbb6ed;margin-left:14px}.lab-title{display:block;font-size:clamp(28px,2.8vw,46px);color:#ecd5fa;margin-top:8px;letter-spacing:-1px}.hero-tagline{font-size:23px;line-height:1.5;font-weight:600;letter-spacing:1px;color:#f2dcff;margin-top:24px}.hero-description{font-size:12px;color:#d3bedf;max-width:440px;margin-top:14px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 16px}.hero-actions .button{padding:13px 18px;font-size:13px}.button.light{background:#f8f0ff;color:#512971;border-color:#d9b4ef}.hero-pills{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#cbb1db}.hero-pills span{padding:3px 0}.hero-pills span+span{border-left:1px solid #ad83bb55;padding-left:12px}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;z-index:1}.hero-art>img{position:relative;width:100%;max-width:510px;height:auto;z-index:1;filter:drop-shadow(0 8px 18px #15071f55)}.art-orbit{position:absolute;width:85%;aspect-ratio:1;background:radial-gradient(circle,#e2b66e25,transparent 68%);border-radius:50%}.art-orbit::before,.art-orbit::after{content:'✦';color:#e4c180;font-size:24px;position:absolute;left:0;top:20%;text-shadow:0 0 16px #ebbb6f77}.art-orbit::after{left:auto;right:0;top:70%;font-size:17px}.art-signature{display:none}.atmo-sprite{display:block;position:absolute;overflow:hidden;pointer-events:none;user-select:none;filter:drop-shadow(0 4px 5px #37123026)}.atmo-sprite>img{display:block;position:absolute;height:auto;max-width:none;pointer-events:none}.hero-floor{position:absolute;inset:auto 0 -5px 0;height:90px;pointer-events:none;z-index:2}.floor-coins-left{width:80px;left:55%;bottom:5px;transform:rotate(-8deg)}.floor-treasure{width:90px;right:0;bottom:0;transform:rotate(7deg)}.floor-potion{width:38px;right:110px;bottom:8px;transform:rotate(-8deg)}
.section-label{display:flex;align-items:end;justify-content:space-between;gap:14px;color:#e9d9f6;margin:20px 0 15px}.section-label h2{font-size:19px}.section-label .eyebrow{color:#bea4d2}.section-label>span{color:#baa2ca;font-size:11px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{position:relative;text-decoration:none;color:#432958;background:#faf5ff;border:1px solid #e0cdec;border-radius:12px;padding:22px 22px 24px;display:block;transition:border-color .15s,transform .15s}.feature-card:hover{transform:translateY(-2px);border-color:#bf8ce2;background:#fffaff}.feature-icon{width:36px;height:36px;display:grid;place-items:center;background:#ede0fa;color:#8a53b6;border-radius:9px;margin-bottom:14px}.feature-icon svg{width:22px;height:22px}.feature-card h3{font-size:17px;margin:0 0 6px;color:#4b2c66}.feature-card p{font-size:12px;color:#796383}.feature-card small{display:block;color:#846d92;font-size:10px;margin-top:16px}.feature-arrow{position:absolute;right:20px;bottom:18px;color:#9463b9;font-size:20px}.secondary-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0 24px}.secondary-tools .feature-card{background:#32223fcd;border-color:#75538666;padding:16px 18px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 12px}.secondary-tools .feature-card:hover{background:#463052}.secondary-tools .feature-icon{grid-row:1/3;width:30px;height:30px;margin:0;background:#6b4782;color:#ecdcf8}.secondary-tools h3{color:#e6d2f1;font-size:13px;margin:0 0 3px}.secondary-tools p{color:#bfa7ce;font-size:10px}.secondary-tools small,.secondary-tools .feature-arrow{display:none}
.home-bottom{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.home-bottom>.card{margin:0}.home-sample .card-head>a{font-size:11px;text-decoration:none}.sample-results{display:flex;gap:14px;align-items:center;margin:22px 0 16px}.sample-results .stat{flex:1;padding:13px 15px}.sample-results .stat strong{font-size:28px}.sample-arrow{color:#aa86c0;font-size:23px}.sample-delta{padding:8px}.sample-delta small{display:block;font-size:11px}.sample-delta strong{display:block;color:#8146ae;font-size:18px;white-space:nowrap}.brand-note-card p{font-size:13px;color:#796583;line-height:1.9;margin:14px 0}.brand-note-card a{font-size:12px}
.brand-page-head{position:relative;min-height:230px;background:linear-gradient(90deg,#2e1e3ee6,#37224677),url('/assets/dungeon-room-v1.bee17cfdff36.webp') center 35%/cover no-repeat;border:1px solid #9b72c34a;border-radius:14px;padding:32px;margin:24px 0;color:#faf0ff;overflow:hidden;align-items:center}.brand-page-head h1{font-size:35px}.brand-page-head>div{max-width:65%;position:relative;z-index:1}.brand-page-head .eyebrow{color:#cca8e5}.brand-page-head p{color:#ddc8ec}.brand-page-head .banner-sub{font-size:12px;margin-top:14px}.banner-knight{position:absolute;right:25px;bottom:-5px;width:320px;height:245px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 15px #13052055)}
.service-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-tile{position:relative;padding:0 18px 20px;overflow:hidden}.service-icon{display:none}.service-number{font-size:10px;color:#a994b6;position:absolute;right:16px;top:16px}.service-tile h3{font-size:16px;margin:15px 0 10px}.service-tile p{font-size:12px;color:#776480;line-height:1.9;min-height:72px}.text-action{font-size:11px;color:#7b47a5;padding:0;background:none;min-height:35px;border:0;margin-top:12px}.text-action:hover{color:#542378;background:none;text-decoration:underline}.service-illustration{position:relative;height:116px;margin:0 -18px 12px;background:#f2e4fa;border-bottom:1px solid #e1ccf0}.service-art-1{background:#fcf0d5;border-color:#e8d7b6}.service-art-2{background:#e8e0f6;border-color:#d5cae9}.service-ribbon{position:absolute;left:18px;top:32px;max-width:100px;color:#785290;font-size:18px;font-weight:700;line-height:1.4}.service-art-1 .service-ribbon{color:#8b6838}.service-prop{width:72px;right:16px;bottom:7px}.service-art-0 .service-prop{width:62px;right:20px}.service-art-1 .service-prop{width:74px;bottom:0}.service-art-2 .service-prop{width:104px;right:6px}
.service-aside{padding-top:20px}.contact-card h2{margin-bottom:14px}.contact-card h2 span{float:right;color:#ad7bc9}.contact-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:11px 0;border-bottom:1px solid #e9dff1;font-size:12px}.contact-line span{color:#81668f}.contact-line strong{color:#644476;user-select:text;overflow-wrap:anywhere}.contact-card>button.primary{width:100%}.contact-card>.help{font-size:10px;margin-top:12px}.qr-preview{padding:0;width:100%;margin:17px 0 12px;flex-direction:column;gap:0;overflow:hidden;background:#f4eefa;border-color:#e1d1ed}.qr-preview>span:last-child{padding:8px;font-size:11px;color:#85529e}.qr-crop{position:relative;display:block;width:100%;aspect-ratio:750/590;overflow:hidden;background:#32253f}.qr-crop img{position:absolute;width:100%;height:auto;left:0;bottom:0;max-width:none}.brand-promise{text-align:center;padding:0 18px 25px;color:#c7acd9}.brand-promise img{width:155px;height:auto;object-fit:contain}.brand-promise h3{font-size:14px;color:#e0c8f0;margin:0 0 10px}.brand-promise p{font-size:11px;line-height:1.8}.brand-promise a{display:block;margin-top:14px;color:#c7a3e7;font-size:12px}
.poster-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:22px;align-items:center}.poster-thumbnail{position:relative;display:block;width:160px;height:260px;overflow:hidden;padding:0;background:#342944;border-color:#dec7ed}.poster-thumbnail img{display:block;width:100%;height:auto}.poster-thumbnail span{position:absolute;bottom:0;inset-inline:0;background:#3c2454ed;color:#f9eaff;font-size:11px;padding:10px}.poster-intro h3{margin-top:0}.poster-intro p{color:#796484;font-size:12px;line-height:1.8;margin:12px 0}.poster-intro .help{font-size:11px}.poster-intro .toolbar>*{font-size:12px}.source-caption{font-size:10px!important;color:#8a7397!important}
.brand-lightbox{background:#fdf8ff;color:#503564;border:1px solid #ac83c8;padding:0;border-radius:14px;width:min(1000px,94vw);max-height:94vh;overflow:hidden;box-shadow:0 25px 90px #0a031d88}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;background:#f4ebfb;border-bottom:1px solid #e5d8ee}.lightbox-head h2{font-size:16px}.lightbox-head p{font-size:11px;color:#80628c;margin-top:4px}.lightbox-head button{flex:none}.lightbox-tools{display:flex;gap:7px;flex-wrap:wrap;padding:10px 20px;background:#fffaff}.lightbox-tools>*{font-size:11px;padding:7px 10px}.lightbox-scroll{overflow:auto;height:calc(90vh - 135px);padding:12px;background:#ddd0e8;text-align:center;scrollbar-color:#b48bcc #e8dcef}.lightbox-scroll img{display:block;width:min(100%,750px);height:auto;margin:auto;box-shadow:0 7px 25px #24123920}.lightbox-scroll img.actual-size{width:750px;max-width:none}
/* Responsive layouts: wide workbench, compact desktop, drawer, single-column mobile. */
@media(min-width:1800px){.workspace main{padding-inline:36px}.curve-workspace{grid-template-columns:250px minmax(0,1fr) 280px;gap:20px}.curve-chart .chart{height:400px}.curve-metrics .stat-row{gap:14px}.curve-metrics .stat{padding:15px 18px}.curve-metrics .stat strong{font-size:29px}.brand-hero{min-height:500px}.hero-art>img{max-width:550px}.hero-copy{padding-left:16px}.service-illustration{height:140px}.service-prop{width:90px}.service-art-2 .service-prop{width:135px}.wizard-layout{grid-template-columns:minmax(0,1fr) 310px}.fields-three{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1250px){:root{--sidebar:204px}.workspace main{padding-inline:20px}.topbar{padding-inline:20px;gap:12px}.top-status{display:none}.curve-workspace{grid-template-columns:220px minmax(0,1fr)}.curve-chart{grid-column:2}.curve-parameters{grid-row:1/3}.curve-metrics{grid-column:2}.curve-metrics .stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.curve-detail{grid-column:1/-1}.curve-chart .chart{height:320px}.wizard-layout{grid-template-columns:minmax(0,1fr) 235px;gap:14px}.stepnav button{min-width:95px}.fields-three{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-hero h1{font-size:45px}.hero-tagline{font-size:20px}.brand-hero{min-height:420px}.hero-actions .button{font-size:12px;padding:12px}.service-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.service-cards{grid-template-columns:1fr}.service-tile{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 16px;padding:15px;margin:0}.service-illustration{grid-row:1/4;height:auto;min-height:125px;margin:-15px 0 -15px -15px;border:0}.service-ribbon{left:10px;top:8px;font-size:13px;max-width:none}.service-prop,.service-art-0 .service-prop{width:45px;right:8px;bottom:5px}.service-art-1 .service-prop{width:62px}.service-art-2 .service-prop{width:85px;right:0}.service-tile h3{margin:0 0 7px}.service-tile p{min-height:0;font-size:11px}.service-tile .text-action{justify-content:start;margin:6px 0 0}.service-cards{margin-bottom:18px}.poster-layout{grid-template-columns:110px minmax(0,1fr);gap:15px}.poster-thumbnail{width:110px;height:240px}.poster-card .card-head .pill{display:none}#character>.split{grid-template-columns:270px minmax(0,1fr)}#char-result{grid-template-columns:1fr}#char-result>.card:nth-child(3) .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#char-result>.card{grid-column:auto!important}#compare-result{grid-template-columns:1fr}}
@media(max-width:900px){:root,.collapsed{--sidebar:0px}.workspace{margin-left:0}.workspace main{padding-inline:22px}.sidebar,.collapsed .sidebar{position:fixed;inset:0 auto 0 0;width:260px;display:flex;padding:22px 15px;transform:translateX(-100%);transition:transform .18s;z-index:60;visibility:hidden;box-shadow:8px 0 40px #10051f44}.nav-open .sidebar{transform:translateX(0);visibility:visible}.nav-open{overflow:hidden}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;background:#130a22a8;z-index:59;border:0;border-radius:0}.sidebar .brand-name,.sidebar .brand-sub,.sidebar .nav-group,.sidebar .nav-link span,.sidebar .sidebar-bottom{display:block}.sidebar .side-title{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.sidebar .brand{justify-content:start}.sidebar .nav-link{display:flex;justify-content:start;padding:10px 12px;flex-direction:row;min-width:0}.sidebar nav{display:block;overflow:visible}.sidebar .nav-group{margin:22px 12px 8px}.sidebar .collapse-btn{margin:0}.sidebar-bottom{margin-top:auto}.topbar{padding-inline:22px;gap:12px;height:58px}#mobile-menu{display:inline-flex;align-items:center;background:#3c2850;color:#eddafa;border-color:#67477d;font-size:12px;padding:7px 9px;min-height:34px}.topbar .context{font-size:11px}#draft-state{display:none}.top-status{display:none}.top-brand-link{font-size:11px}.tool-banner>div{max-width:75%}.page-head.tool-banner{min-height:120px;padding:20px 0}.tool-banner h1{font-size:27px}.wizard-layout{grid-template-columns:1fr}.workflow-summary{position:static;grid-row:1;padding:16px}.workflow-summary dl{display:block;margin:10px 0;font-size:11px}.workflow-summary dt,.workflow-summary dd{display:none}.workflow-summary dt:first-of-type,.workflow-summary dd:first-of-type{display:inline;margin:0}.workflow-summary dt:first-of-type{margin-right:10px}.workflow-summary .note{margin-bottom:8px;padding:8px 10px;font-size:10px}.workflow-summary .help{margin-top:8px}.workflow-summary h2{font-size:14px}.workflow-track{margin:10px 0}.workflow-summary>.eyebrow{display:none}.workflow-summary>.pill{font-size:10px}.fields-three{grid-template-columns:repeat(2,minmax(0,1fr))}.stepnav button{min-width:0}#character>.split{grid-template-columns:265px minmax(0,1fr)}.brand-hero h1{font-size:43px}.hero-copy{padding-top:35px}.hero-description{font-size:11px}.hero-art>img{max-width:380px}.service-layout{grid-template-columns:minmax(0,1fr) 260px}.brand-page-head .banner-knight{width:280px;right:5px}.comparison-highlights{gap:8px}}
@media(max-width:650px){.workspace main{padding-inline:14px}.topbar{padding-inline:14px;gap:8px;height:56px}.topbar .pill{display:none}.top-brand-link{display:none}.topbar .context{font-size:10px}.share-notice>summary{padding:4px 7px;font-size:10px}#mobile-menu{font-size:13px;padding:6px 8px}#mobile-menu span{display:none}.page-head.tool-banner{min-height:115px;padding:19px 0;margin-bottom:14px;gap:10px;align-items:flex-start;flex-direction:column}.tool-banner>div{max-width:100%}.tool-banner h1{font-size:25px}.tool-banner p{font-size:11px}.tool-banner>.pill{display:none}.tool-banner .eyebrow{font-size:9px}.card{padding:16px;border-radius:10px}.quicklinks{gap:5px;margin-bottom:14px}.quicklinks button{font-size:10px;padding:7px 9px;min-height:32px}.curve-workspace{grid-template-columns:1fr;gap:14px}.curve-workspace>.card{grid-column:1;grid-row:auto}.curve-parameters .filters{grid-template-columns:1fr 1fr;gap:12px}.curve-parameters .filters label:last-child{grid-column:1/-1}.curve-parameters .parameters{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.curve-parameters .parameters button{grid-column:1/-1}.curve-parameters h2{margin-bottom:12px}.curve-parameters #metadata{margin-top:10px;font-size:10px}.curve-chart .chart{height:280px}.chart-title{gap:8px}.chart-title h2{font-size:16px}.chart-tools button{font-size:10px;padding:5px 7px}.chart-tools label{font-size:10px}.curve-metrics .stat-row{grid-template-columns:1fr 1fr}.curve-metrics .stat strong{font-size:21px}.curve-detail .card-head{flex-direction:column;align-items:start;gap:4px}#character>.split{grid-template-columns:1fr}#character>.split>.card{position:static}#char-result .result-grid,#char-result>.card:nth-child(3) .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-item{padding:11px}.result-item strong{font-size:20px}.result-item .basis{font-size:9px}.input-row{grid-template-columns:1fr 100px}.cols{grid-template-columns:1fr}.compare-overview .card-head{align-items:start;flex-direction:column}.comparison-highlights{grid-template-columns:1fr}.comparison-highlights .result-item{display:grid;grid-template-columns:1fr auto;gap:3px 10px}.comparison-highlights .result-item>small{grid-column:1}.comparison-highlights .result-item>strong{grid-column:2;grid-row:1/4;align-self:center;font-size:23px}.comparison-highlights h3{margin:3px 0;font-size:12px}.comparison-highlights .help{font-size:10px}#compare>.cols{gap:14px}.fields-three,.fields-two{grid-template-columns:1fr}.stepnav{flex-wrap:wrap;gap:5px;padding-bottom:14px}.stepnav button{font-size:10px;padding:8px 5px;gap:5px;flex:1 1 28%;min-width:0;min-height:38px}.stepnav button .step-word{display:inline}.progress-num{width:18px;height:18px;font-size:9px}.toolbar{gap:7px}.toolbar button{font-size:11px;padding:8px 10px}.toolbar label{width:100%}.toolbar input[type=file]{max-width:100%}.grid{gap:13px}#combat-models{grid-template-columns:1fr}.workflow-summary .note{font-size:10px}.stat-row{gap:10px}.stat{padding:12px}.stat strong{font-size:23px}.app-footer{flex-direction:column;gap:5px;font-size:9px}
.brand-hero{grid-template-columns:1fr;min-height:0;text-align:center;margin:0 0 14px;gap:0}.hero-copy{padding:30px 6px 0}.hero-copy::before{inset:10px -5px -10px;background:radial-gradient(ellipse,#21142ee0 30%,#21142e88 80%,transparent)}.hero-kicker{font-size:9px;margin-bottom:16px}.brand-hero h1{font-size:42px}.lab-title{font-size:31px;letter-spacing:-1px}.hero-cross{font-size:21px;margin-left:10px}.hero-tagline{font-size:19px;margin-top:20px}.hero-description{font-size:11px;margin:12px auto 0;max-width:310px}.hero-actions{justify-content:center;margin:20px 0 13px;gap:9px}.hero-actions .button{font-size:11px;padding:12px;min-width:0}.hero-pills{justify-content:center;font-size:9px;gap:9px}.hero-art{height:285px}.hero-art>img{width:315px;height:315px;max-width:95%;object-fit:contain}.hero-floor{height:60px;bottom:-2px}.floor-coins-left{left:0;width:55px}.floor-treasure{width:66px;right:0}.floor-potion{width:27px;right:75px}.section-label{margin:18px 0 12px}.section-label h2{font-size:17px}.section-label>span{display:none}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 14px;padding:18px}.feature-icon{grid-row:1/4;margin:0}.feature-card h3{font-size:16px;margin:0 0 5px}.feature-card p{font-size:11px}.feature-card small{font-size:9px;margin-top:7px}.feature-arrow{bottom:16px;right:15px}.secondary-tools{grid-template-columns:1fr;gap:8px;margin-bottom:20px}.secondary-tools .feature-card{padding:13px 16px}.secondary-tools p{font-size:10px}.home-bottom{grid-template-columns:1fr;gap:14px}.home-sample .card-head{align-items:start;flex-direction:column}.sample-results{gap:8px;flex-wrap:wrap;margin:14px 0}.sample-results .stat{padding:12px}.sample-results .stat strong{font-size:25px}.sample-delta{display:flex;gap:12px;align-items:center;padding:3px 0}.sample-delta strong{font-size:17px}.sample-arrow{font-size:18px}.home-sample .help{font-size:10px}.brand-page-head{min-height:195px;margin:18px 0;padding:23px 18px}.brand-page-head h1{font-size:29px}.brand-page-head .eyebrow{font-size:9px}.brand-page-head>div{max-width:65%}.brand-page-head .banner-knight{width:155px;height:170px;right:0;bottom:0}.brand-page-head .banner-sub{font-size:10px;max-width:165px}.brand-page-head p{font-size:12px}.service-layout{grid-template-columns:1fr;gap:0}.service-cards{grid-template-columns:1fr}.service-tile{grid-template-columns:105px minmax(0,1fr);padding:16px;gap:0 14px}.service-illustration{margin:-16px 0 -16px -16px}.service-tile h3{font-size:15px}.service-tile p{font-size:11px}.service-ribbon{font-size:13px}.service-number{display:none}.service-aside{padding-top:0}.brand-promise{padding-top:6px}.brand-promise img{width:145px}.poster-layout{grid-template-columns:95px minmax(0,1fr);gap:15px}.poster-thumbnail{width:95px;height:235px}.poster-thumbnail span{font-size:9px;padding:7px}.poster-intro h3{font-size:13px}.poster-intro p{font-size:11px}.poster-intro .toolbar{gap:6px}.poster-intro .toolbar>*{width:100%;font-size:11px}.poster-intro .source-caption{font-size:9px!important}.lightbox-head{padding:12px;gap:8px}.lightbox-head h2{font-size:13px}.lightbox-head p{font-size:10px}.lightbox-head button{font-size:11px;padding:7px}.lightbox-tools{padding:8px;gap:6px}.lightbox-tools>*{font-size:10px;padding:7px}.lightbox-scroll{padding:5px;height:calc(90vh - 155px)}.qr-crop{max-height:235px}.brand-lightbox{border-radius:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.feature-card:hover{transform:none}}

#verify [data-vpanel="0"] .grid{grid-template-columns:minmax(0,1fr)}
/* V0.4.1: direct curve exploration and player questions, not additional game formulas. */
.curve-parameters .parameters{gap:12px;margin-top:16px}.curve-parameters>h2{margin-bottom:10px}.curve-library{margin-top:15px;margin-bottom:12px}.curve-library .filters{margin-top:12px}.curve-parameters #analyze{font-size:10px;min-height:34px;background:transparent}.range-control{font-size:11px;gap:2px}.range-control input[type=range]{padding:0;border:0;background:transparent;accent-color:#8952bc;min-height:32px;cursor:ew-resize}.range-control:has(#end-range) input{accent-color:#bd8b35}.curve-interaction{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:15px 0 5px;padding:10px 0;border-top:1px solid #e6dcec;border-bottom:1px solid #e6dcec}.curve-interaction>.help{font-size:10px;max-width:300px}.point-switch{display:flex;gap:5px;flex:none}.point-switch button{font-size:10px;min-height:30px;padding:6px 9px}.point-switch button.active{border-color:#b594ce;background:#eee2f9;color:#693d8b}#curve-pick-target.active{border-color:#d4b578;background:#fbefda;color:#896021}.curve-marker{cursor:ew-resize}.curve-marker line{stroke:#9564b8;stroke-dasharray:4 4;pointer-events:none}.curve-marker.target line{stroke:#b58737}.curve-marker .marker-dot{fill:#8a4fbd;stroke:white;stroke-width:3;pointer-events:none}.curve-marker.target .marker-dot{fill:#bc8938}.chart .marker-label{font-size:11px;fill:#74459a;font-weight:600;pointer-events:none}.chart .target .marker-label{fill:#956d29}.marker-hit{stroke:none;opacity:0}.chart .curve-marker:hover .marker-dot{stroke-width:5;filter:drop-shadow(0 0 4px #aa75d970)}#curve-crosshair{pointer-events:none}#curve-crosshair line{stroke:#a084b2;stroke-dasharray:2 4}#curve-crosshair circle{fill:#6b4a89;stroke:white;stroke-width:1.5}.is-preview{cursor:grabbing}.curve-metrics .stat:nth-child(3) .sub{color:#765382}
.player-guide{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 20px}.player-guide h2{font-size:16px}.player-guide p{font-size:11px;color:#74607f;margin-top:5px}.player-guide button{flex:none;font-size:12px}.primary-scores{margin-top:18px;padding:14px 0 0;border-top:1px solid #e0d1eb}.primary-scores h3{margin:0 0 6px;font-size:13px}.primary-scores p{font-size:10px;margin-bottom:10px}.primary-scores label{margin-top:10px}.player-result-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 14px;gap:10px;color:#eedff7}.player-result-heading h2{font-size:16px;color:#f2e4fa}.player-result-heading .pill{background:#3b294c;color:#d7c0e8;border-color:#694b7b;font-size:10px}.player-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.player-metrics>.result-item{padding:20px;background:#faf7ff;border-radius:10px}.player-metrics strong{font-size:27px;margin:7px 0 10px}.player-metrics>.result-item>.help{font-size:10px;line-height:1.7}.player-metrics .pending-value{font-size:16px!important;letter-spacing:0}.player-next{background:#f0e6f8;color:#65487b;border-color:#d7c3e8;padding:16px;font-size:12px}.player-next p{font-size:11px;margin-top:7px}.player-technical{background:#32223f;border:1px solid #56386c;border-radius:9px;padding:12px 16px;margin:16px 0;color:#d8c1e7}.player-technical>summary{color:#dfc7ee;font-size:12px}.player-technical[open]>summary{margin-bottom:14px}.player-technical .compare-overview{margin:0 0 16px}.player-edit{padding:16px 20px;border:1px solid #e0d1eb;background:#faf7ff;border-radius:10px;margin:18px 0 0}.player-edit>summary{font-weight:600;color:#63427d}.player-edit>.cols{margin-top:18px;gap:16px}.player-edit>.cols>.card{box-shadow:none;background:#f1ebf8}.player-edit>.cols>.card:first-child{border-top:3px solid #9560c4}.player-edit>.cols>.card:last-child{border-top:3px solid #bd9957}#compare .player-edit .input-row{min-height:42px;padding-block:3px}.trial-controls{display:grid;grid-template-columns:minmax(180px,1fr) 150px auto;align-items:end;gap:14px}.trial-controls button{min-height:41px}.trial-presets{margin-bottom:10px}.trial-presets button{min-height:32px;font-size:11px;padding:6px 12px}.trial-presets>span{margin-right:8px}.player-verdict{border-left:4px solid #9961c3}.player-verdict .card-head{margin-bottom:12px}.player-answer{font-size:19px;line-height:1.8;font-weight:650;color:#623e80;margin-bottom:9px}.comparison-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.comparison-metrics .metric-ab{font-size:11px;color:#765d86;margin-bottom:8px}.comparison-metrics strong{font-size:24px}.metric-changed{border-top:3px solid #aa7fca}.research-entry{padding:24px}.research-entry>p{font-size:13px;color:#786083;max-width:850px;margin:10px 0}.research-controls{border:1px solid #664676;border-radius:10px;padding:16px;background:#2f223d}.research-controls>summary{color:#dfc6ef;font-size:13px;font-weight:600}.research-controls[open]>summary{margin-bottom:18px}#combat>.research-controls .wizard-layout{margin-top:0}.research-entry .toolbar{margin-bottom:0}
@media(min-width:1800px){#character>.split{grid-template-columns:320px minmax(0,1fr)}.player-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.player-metrics strong{font-size:29px}}
@media(max-width:1250px){.comparison-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-controls{grid-template-columns:1fr 100px}.trial-controls>button{grid-column:1/-1}.curve-interaction{flex-wrap:wrap;gap:7px}.curve-interaction>.help{max-width:none}.curve-parameters .range-control{grid-column:auto}.player-metrics>.result-item{padding:16px}}
@media(max-width:650px){.player-guide{align-items:start;flex-direction:column;gap:10px}.player-guide p{font-size:11px}.player-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-metrics>.result-item{padding:14px}.player-metrics strong{font-size:23px}.player-result-heading{align-items:start;flex-direction:column;gap:6px}.player-result-heading h2{font-size:16px}.player-answer{font-size:16px}.player-verdict .card-head{flex-direction:column;align-items:start}.player-edit{padding:13px}.trial-panel .card-head{flex-direction:column;align-items:start}.trial-controls{grid-template-columns:1fr 100px;gap:12px}.trial-controls>button{grid-column:1/-1}.trial-presets{gap:6px}.trial-presets>span{width:100%}.trial-presets button{padding:7px 10px;min-height:34px}.curve-parameters .parameters{grid-template-columns:1fr 1fr}.curve-parameters .range-control{grid-column:auto}.curve-interaction{flex-direction:column;align-items:start;margin-top:12px}.curve-interaction>.help{font-size:10px}.research-entry{padding:18px}.research-entry>p{font-size:12px}.research-controls{padding:12px}.research-controls>summary{font-size:12px}.player-technical{padding:12px}.chart .marker-label{font-size:10px}}
.chart .curve-marker .marker-label{stroke:none}.chart .curve-marker line{stroke-width:1.3}

/* 2026-10-18: player homepage and shared navigation readability. */
.sidebar{padding-top:18px;scrollbar-width:thin;scrollbar-color:#644e76 transparent}
.sidebar .brand-sub{font-size:11px;margin:10px 0 8px 9px;color:#c7b6d5}
.sidebar .nav-group{font-size:11px;margin:15px 12px 6px;color:#bfaacb}
.sidebar .nav-link{font-size:14px;min-height:43px;padding:9px 12px;margin:2px 0}
.sidebar .sidebar-bottom{font-size:11px;padding-top:12px;margin-top:16px}
.sidebar .collapse-btn{min-width:28px;min-height:36px}
body[data-page=home] #draft-state,body[data-page=brand] #draft-state,body[data-page=research] #draft-state{display:none}
body[data-page=home] .topbar .context{margin-right:auto}
body[data-page=home] .workspace{background-image:linear-gradient(180deg,#211831b8,#211831f0 440px,#211831 650px),url('/assets/dungeon-room-v1.bee17cfdff36.webp');background-size:100% 760px,100% auto}
body[data-page=home] .workspace main{max-width:1600px;padding-inline:32px}
#home .brand-hero{grid-template-columns:minmax(0,1.4fr) minmax(200px,.8fr);gap:24px;min-height:0;margin:0 0 20px;padding:34px 0 26px;border-bottom:1px solid #c3a3dd25;text-align:left}
#home .hero-copy{padding:0;min-width:0}
#home .hero-copy::before{display:none}
#home .hero-kicker{font-size:12px;letter-spacing:1.4px;color:#d9c5e8;margin:0 0 16px}
#home .brand-hero h1{font-size:clamp(34px,3.5vw,52px);line-height:1.16;letter-spacing:0;font-weight:750;text-shadow:none;color:#fff9ff}
#home .home-title-accent{color:#d5b0f5}
#home .hero-description{font-size:15px;line-height:1.8;color:#d2c2de;margin:18px 0 20px;max-width:570px}
#home .hero-art{align-self:center;flex-direction:column;height:auto}
#home .hero-art>img{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 16px 28px #10091c50)}
#home .home-art-caption{font-size:12px;color:#d4bce7;margin-top:-6px;letter-spacing:2px}
#home .hero-floor{display:none}
.home-search{max-width:580px}
.home-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.home-search-field{display:flex;gap:7px;padding:6px;background:#f9f5ff;border:1px solid #e0c7f3;border-radius:12px;box-shadow:0 8px 28px #10071d33}
.home-search-field:focus-within{outline:3px solid #bd92e5;outline-offset:3px}
.home-search-field input{min-width:0;min-height:44px;font-size:15px;border:0;box-shadow:none;background:transparent;padding:8px 12px}
.home-search-field input:focus-visible{outline:none}
.home-search-field input::placeholder{color:#77677f;opacity:1}
.home-search-field button{flex:none;min-height:44px;padding-inline:20px;border-radius:8px;font-size:14px}
.home-search-examples{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:#c3aed4}
.home-search-examples a{color:#dfc8ef;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.home-search-examples a:hover{text-decoration:underline;color:white}
#home .section-label{margin:26px 0 16px;gap:12px}
#home .section-label h2{font-size:22px;line-height:1.45;color:#f7effd}
#home .section-label .eyebrow{display:block;font-size:11px;margin-bottom:5px;color:#bf9ed9;letter-spacing:1px}
#home .section-label>span{font-size:12px;color:#c1adcf}
.home-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.home-directory-card{position:relative;display:block;background:#f3edf9;border:1px solid #e1d1ef;border-radius:13px;color:#382347;padding:20px 16px;text-decoration:none;transition:background .15s,border-color .15s}
.home-directory-card:hover{background:#fffaff;border-color:#bd8cde}
.home-directory-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#e4d6f1;color:#76429b;margin-bottom:16px}
.home-directory-icon svg{width:24px;height:24px}
.home-directory-card h3{margin:0 0 7px;font-size:17px;color:#3d264e;line-height:1.5}
.home-directory-card p{font-size:13px;color:#695674;line-height:1.65}
.home-directory-card small{display:block;font-size:11px;margin-top:12px;color:#775e88}
.home-card-arrow{position:absolute;right:16px;top:22px;color:#9876b0;font-size:18px}
.home-version-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:15px 0 3px;font-size:12px;color:#c1aecf}
.home-version-note strong{font-weight:600;color:#e2cdef}
.home-version-note a{margin-left:auto;color:#d9baef;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.home-version-dot{width:6px;height:6px;background:#c5a1e3;border-radius:50%;flex:none}
.home-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-tool-card{display:flex;align-items:start;gap:14px;padding:21px 18px;background:#30233e;border:1px solid #554064;border-radius:12px;color:#f4e9fc;text-decoration:none;transition:border-color .15s,background .15s}
.home-tool-card:hover{background:#3a294c;border-color:#ad7bd0}
.home-tool-number{font-size:13px;color:#c5a2df;font-weight:600;margin-top:3px}
.home-tool-card>div{flex:1;min-width:0}
.home-tool-card h3{font-size:16px;margin:0 0 9px;display:flex;justify-content:space-between;gap:8px;line-height:1.5}
.home-tool-card h3 span{color:#b78ed3;font-size:18px}
.home-tool-card p{color:#d0bddd;font-size:13px;line-height:1.8}
.home-tool-card small{display:block;font-size:11px;color:#bda1ce;margin-top:14px}
.home-advanced{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:12px 0 28px;font-size:12px;color:#bba5cb}
.home-advanced a{display:inline-flex;align-items:center;min-height:36px;color:#e0caef;text-decoration:none;gap:5px}
.home-advanced a span{color:#bca4ce}
.home-advanced a:hover{text-decoration:underline}
#home .home-bottom{grid-template-columns:1.5fr 1fr;gap:16px}
#home .home-bottom>.card{background:#f3edf9;border-color:#e1d1ef;padding:22px;border-radius:13px}
#home .home-bottom h2{font-size:18px}
#home .home-bottom .help,#home .brand-note-card p,#home .home-bottom .card-head>a{font-size:13px;line-height:1.8;color:#6b557a}
#home .brand-note-card details{margin:12px 0}
#home .brand-note-card summary{font-size:13px;cursor:pointer;min-height:32px}
#home .sample-results{flex-wrap:wrap;gap:12px}
#home .sample-results .stat{min-width:120px;flex:1}
#home .sample-delta{padding:0;min-width:110px}
#home .sample-delta strong{font-size:20px}
.home-brand-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:28px;padding:22px 0;border-top:1px solid #c3a3dd25;color:#f1dfff}
.home-brand-strip>div{display:flex;gap:18px;align-items:center}
.home-brand-strip strong{font-size:17px}
.home-brand-strip span{color:#bfa9cf;font-size:13px}
.home-brand-strip a{font-size:13px;color:#ddc0ef;text-decoration:none;min-height:36px;display:flex;align-items:center}
@media(min-width:901px) and (max-width:1150px){.home-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.home-tool-card{padding:18px 14px;gap:8px}#home .home-bottom{grid-template-columns:1fr}}
@media(max-width:900px){body[data-page=home] .workspace main{padding-inline:24px}#home .brand-hero{gap:10px;grid-template-columns:minmax(0,1.5fr) minmax(160px,.7fr)}#home .brand-hero h1{font-size:40px}#home .hero-art>img{max-width:240px}.home-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.home-tool-grid{grid-template-columns:1fr}.home-tool-card small{display:none}#home .home-bottom{grid-template-columns:1fr}.sidebar .nav-group{margin-top:15px}#mobile-menu{min-width:44px;min-height:44px}}
@media(max-width:600px){body[data-page=home] .workspace main{padding-inline:18px}#home .brand-hero{display:block;padding:24px 0 20px;margin-bottom:16px;position:relative}#home .hero-kicker{font-size:10px;letter-spacing:.5px;margin-bottom:16px}#home .brand-hero h1{font-size:36px;max-width:65%;line-height:1.18}#home .hero-art{position:absolute;right:-3px;top:47px;width:112px;height:112px;pointer-events:none}#home .hero-art>img{width:112px;height:112px;max-width:none}#home .home-art-caption{display:none}#home .hero-description{font-size:14px;line-height:1.8;margin:18px 0;text-align:left;max-width:none}.home-search-field input{font-size:14px;padding-inline:8px}.home-search-field button{padding-inline:14px}.home-search-examples{gap:12px;font-size:12px}.home-search-examples a{min-height:36px}#home .section-label{margin-top:20px;margin-bottom:13px}#home .section-label h2{font-size:21px}#home .section-label>span{display:none}.home-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-directory-card{padding:16px 12px}.home-directory-icon{width:34px;height:34px;margin-bottom:10px}.home-directory-icon svg{width:22px;height:22px}.home-directory-card h3{font-size:16px}.home-directory-card p{font-size:12px}.home-directory-card small{font-size:11px;margin-top:9px}.home-directory-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:center}.home-directory-card:last-child .home-directory-icon{grid-row:1/4;margin:0}.home-directory-card:last-child h3{margin:0 0 3px}.home-directory-card:last-child small{margin-top:4px}.home-card-arrow{right:12px;top:16px}.home-version-note{font-size:11px;gap:6px;padding-top:12px}.home-version-note a{margin-left:12px;font-size:12px}.home-tool-card{padding:18px 15px}.home-tool-card p{font-size:13px}.home-advanced{column-gap:15px;row-gap:0;margin-bottom:20px}.home-advanced>span{width:100%;margin-top:8px}.home-advanced a{min-height:44px}#home .home-bottom>.card{padding:18px}#home .home-sample .card-head{flex-direction:column;align-items:start}#home .sample-results .stat{padding:12px;min-width:100px}#home .sample-results .stat strong{font-size:26px}#home .sample-delta{width:100%;display:flex;gap:12px;align-items:center}#home .sample-arrow{font-size:17px}.home-brand-strip{flex-direction:column;align-items:start;gap:10px}.home-brand-strip>div{align-items:start;flex-direction:column;gap:5px}.home-brand-strip a{min-height:44px}.topbar .context{font-size:12px}.sidebar .collapse-btn{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.home-directory-card,.home-tool-card{transition:none}}

.home-tool-grid.merged{grid-template-columns:minmax(0,1fr)}
.attribute-sections{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px}.attribute-sections.hidden{display:none}.attribute-sections a{display:inline-flex;padding:10px 17px;border:1px solid #6e4b82;border-radius:10px;background:#352541;color:#f0dcfa;text-decoration:none}.attribute-sections a:hover,.attribute-sections a:focus-visible{background:#63407c}body[data-page="attributes"] #curves,body[data-page="attributes"] #character{scroll-margin-top:72px}body[data-page="attributes"] #character{padding-top:26px;border-top:1px solid #745a80;margin-top:34px}

#char-copy[hidden]{display:none!important}

/* The player homepage now has two primary tools. */
.home-tool-grid.merged{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.home-tool-grid.merged{grid-template-columns:1fr}}