:root{--bg-0:#f5f1e9;--bg-1:#dbe6e1;--surface:#ffffffbf;--surface-strong:#fffdf8;--text:#263238;--muted:#5b6d70;--border:#26323824;--accent:#0d7a7b;--accent-2:#b86f00;--ok:#1c7c54;--danger:#aa2b2b;--shadow:0 12px 28px #0d262b1f;--fs-body:clamp(.96rem, .9rem + .22vw, 1.08rem);--fs-small:clamp(.86rem, .82rem + .16vw, .96rem);--fs-xs:clamp(.78rem, .74rem + .1vw, .86rem);--fs-h2:clamp(1.08rem, .98rem + .55vw, 1.42rem);--fs-h1:clamp(1.55rem, 1.3rem + 1.05vw, 2.3rem);color:var(--text);background:radial-gradient(circle at 10% 15%, #fff6dc 0, transparent 28%), radial-gradient(circle at 90% 5%, #d7f1eb 0, transparent 32%), linear-gradient(135deg, var(--bg-0), var(--bg-1));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Verdana,Geneva,sans-serif;font-size:110%;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;font-size:var(--fs-body);margin:0}#root{max-width:1360px;margin:0 auto;padding:clamp(.75rem,.5rem + 1vw,1.25rem)}.app-shell{gap:1rem;display:grid}.topbar{background:var(--surface);border:1px solid var(--border);min-height:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:.7rem;padding:1rem 1.1rem;display:grid}h1,h2{margin:0;line-height:1.2}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2);margin-bottom:.65rem}.step-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.icon-toggle{border-width:2px;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, #fff);border-radius:999px;width:52px;min-width:52px;height:52px;padding:0;font-size:clamp(1.1rem,.95rem + .6vw,1.45rem);font-weight:700;line-height:1}.icon-toggle:hover{background:color-mix(in srgb, var(--accent) 24%, #fff)}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);background:var(--surface-strong);cursor:pointer;border-radius:10px;padding:.45rem .7rem;transition:transform .15s,background .15s}button:hover{background:#fff;transform:translateY(-1px)}button:active{transform:translateY(0)}.topbar-copy{width:auto;min-width:0;max-width:100%}.topbar-copy h1{white-space:nowrap;text-overflow:ellipsis;font-size:2rem;line-height:1.2;overflow:hidden}.topbar-copy .muted{white-space:nowrap;text-overflow:ellipsis;min-height:1.45em;overflow:hidden}.topbar-controls{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:.38rem;width:auto;min-width:0;max-width:100%;display:inline-flex}.tabs{align-items:center;gap:.36rem;display:inline-flex}.tabs button{font-size:var(--fs-small);white-space:nowrap;padding:.34rem .56rem;line-height:1.2}.tabs button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, #fff)}.language-select-wrap{align-items:center;gap:.45rem;min-width:170px;display:inline-flex}.language-select-label{font-weight:700;font-size:var(--fs-small);color:color-mix(in srgb, var(--muted) 85%, #1f2f33);white-space:nowrap}.language-select{border:1px solid var(--border);background:var(--surface-strong);min-width:96px;color:var(--text);border-radius:10px;padding:.4rem .55rem;line-height:1.2}.panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.wizard-stack{grid-template-columns:1fr;gap:.9rem;display:grid}.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:.9rem}.card.wide{grid-column:1/-1}.summary-stack{gap:.7rem;display:grid;position:relative;overflow:visible}.character-overview-card{z-index:5;position:relative}.overview-titlebar{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.45rem;display:flex}.overview-titlebar-actions{align-items:center;gap:.42rem;display:inline-flex}.overview-titlebar h2{margin-bottom:0}.overview-save-import-button{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));color:color-mix(in srgb, var(--accent) 88%, #102223);background:color-mix(in srgb, var(--accent) 12%, #fff);font-size:var(--fs-small);padding:.34rem .65rem;font-weight:700}.overview-save-import-button:hover{background:color-mix(in srgb, var(--accent) 18%, #fff);transform:none}.overview-reset-button{border-color:color-mix(in srgb, var(--danger) 55%, var(--border));color:color-mix(in srgb, var(--danger) 88%, #241010);background:color-mix(in srgb, var(--danger) 10%, #fff);font-size:var(--fs-small);padding:.34rem .65rem;font-weight:700}.overview-reset-button:hover{background:color-mix(in srgb, var(--danger) 16%, #fff);transform:none}.sticky-resources{z-index:34;border-top-left-radius:0;border-top-right-radius:0;position:sticky;top:0}.overview-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.65rem;display:grid}.overview-main{background:#fff;border:0;border-radius:0;gap:.55rem;padding:0;display:grid}.overview-main h3{margin:0 0 .4rem;font-size:clamp(1rem,.94rem + .24vw,1.12rem)}.overview-panel{border:1px solid var(--border);background:#fff;border-radius:12px;padding:.72rem}.overview-panel-heading{font-size:var(--fs-body);letter-spacing:.02em;color:color-mix(in srgb, var(--muted) 82%, #27343d);margin:0 0 .55rem;font-weight:800}.overview-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem .7rem;display:grid}.overview-identity-grid.overview-identity-single{grid-template-columns:1fr}.overview-field{border:1px solid color-mix(in srgb, var(--border) 95%, #ced5db);background:color-mix(in srgb, var(--surface) 76%, #fff);border-radius:10px;align-content:start;gap:.28rem;min-width:0;padding:.42rem .5rem;display:grid}.overview-field.field-name{grid-column:1/-1}.overview-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem;display:grid}.overview-stat-square{border:1px solid color-mix(in srgb, var(--border) 92%, #c9d2d9);background:color-mix(in srgb, var(--surface) 78%, #fff);border-radius:10px;justify-items:start;gap:.26rem;padding:.42rem .5rem;display:grid}.overview-stat-square-value{border-radius:8px;justify-content:center;width:2.25rem;min-width:2.25rem;height:2.25rem;padding:0;font-size:clamp(1.02rem,.95rem + .2vw,1.2rem)}.overview-selection-row{grid-template-columns:1fr;gap:.52rem;display:grid}.overview-step-list{grid-template-columns:1fr;gap:.38rem .48rem;display:grid}.overview-step-item{border:1px solid color-mix(in srgb, var(--border) 92%, #ced5db);background:#fff;border-radius:8px;gap:.18rem;padding:.42rem .5rem;display:grid}.overview-step-label{color:color-mix(in srgb, var(--muted) 90%, #2d3a43);font-size:var(--fs-small);font-weight:700}.overview-step-item>strong{min-width:0;font-size:var(--fs-small);color:#1f2a30;font-weight:700;line-height:1.33}.overview-required-note{color:#c43d3d;font-size:var(--fs-xs);font-weight:700;line-height:1.25}.overview-required-link{border:1px solid color-mix(in srgb, #c43d3d 36%, var(--border));cursor:pointer;background:#f9ecec;border-radius:6px;align-items:center;gap:.26rem;width:fit-content;margin:0;padding:.14rem .38rem;text-decoration:none;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.overview-required-link:before{content:"→";font-size:.88em;line-height:1}.overview-required-link:hover{color:#bf3b3b;border-color:color-mix(in srgb, #c43d3d 58%, var(--border));background:#f6e0e0;transform:none}.overview-required-link:focus-visible{outline-offset:1px;outline:2px solid #dc7474}.overview-intro-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, #fff);border-radius:12px;align-self:start;padding:.62rem}.overview-intro-art{border:1px solid color-mix(in srgb, var(--border) 90%, #ced5db);background:color-mix(in srgb, var(--surface) 82%, #fff);border-radius:10px;width:100%;overflow:hidden}.overview-intro-art img{width:100%;height:auto;display:block}.overview-intro-copy{margin-top:.62rem}.overview-intro-card h3{margin:0 0 .45rem;font-size:clamp(1rem,.94rem + .24vw,1.12rem)}.overview-intro-card ul{color:color-mix(in srgb, var(--text) 90%, #1f2a30);font-size:var(--fs-small);gap:.35rem;margin:0;padding-left:1.05rem;line-height:1.35;display:grid}.overview-field-label{color:color-mix(in srgb, var(--muted) 88%, #2d3a43);font-size:clamp(.9rem,.86rem + .12vw,.98rem);font-weight:700}.overview-field>strong{color:#1f2a30;min-height:1.5rem;font-size:clamp(1.02rem,.96rem + .16vw,1.14rem);font-weight:800}.overview-field-thresholds{margin-top:.24rem}.overview-core-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}.overview-core-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, #fff);border-radius:10px;gap:.16rem;padding:.42rem .5rem;display:grid}.overview-core-label{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.02em;font-weight:700}.overview-core-card>strong{font-size:var(--fs-body);color:var(--text);font-weight:800}.overview-build-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.48rem .65rem;display:grid}.overview-build-grid .overview-field:last-child{grid-column:1/-1}.overview-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.overview-action-card{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));text-align:left;background:#fff;border-radius:10px;gap:.24rem;width:100%;padding:.5rem .6rem;line-height:1.25;display:grid}.overview-action-card:hover{background:color-mix(in srgb, var(--accent) 8%, #fff);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:none}.overview-action-card.done{border-color:color-mix(in srgb, var(--ok) 42%, var(--border));background:color-mix(in srgb, var(--ok) 10%, #fff)}.overview-action-card.pending{border-color:color-mix(in srgb, #8c98a5 42%, var(--border));background:#f1f3f4}.overview-action-top{justify-content:space-between;align-items:baseline;gap:.45rem;display:flex}.overview-action-title{color:color-mix(in srgb, var(--muted) 88%, #2d3a43);font-size:var(--fs-small);font-weight:700}.overview-action-status{font-size:var(--fs-xs);letter-spacing:.01em;font-weight:800}.overview-action-card.done .overview-action-status{color:color-mix(in srgb, var(--ok) 88%, #1f3f30)}.overview-action-card.pending .overview-action-status{color:#5f6a74}.overview-action-card>strong{color:#1f2a30;font-size:clamp(1rem,.94rem + .16vw,1.1rem);font-weight:800}.overview-success{font-size:var(--fs-small);color:color-mix(in srgb, var(--ok) 90%, #1f3f30);margin:0;font-weight:800}.overview-status-panel{border:1px solid var(--border);background:#fff;border-radius:12px;align-content:start;gap:.42rem;padding:.55rem;display:grid}.overview-status-panel h3{margin:0;font-size:clamp(1rem,.94rem + .24vw,1.12rem)}.overview-status-count{font-size:var(--fs-small);color:var(--muted);margin:0}.overview-checklist{gap:.34rem;margin:0;padding:0;list-style:none;display:grid}.overview-check-item{border:1px solid var(--border);width:100%;color:var(--text);font-size:var(--fs-small);text-align:left;background:#fff;border-radius:9px;align-items:center;gap:.4rem;padding:.26rem .42rem;font-weight:700;display:inline-flex}.overview-check-item.done{border-color:color-mix(in srgb, var(--ok) 32%, var(--border));background:color-mix(in srgb, var(--ok) 11%, #fff);color:color-mix(in srgb, var(--ok) 88%, #153a27)}.overview-check-mark{text-align:center;width:1rem;font-weight:900}.summary-grid{font-size:var(--fs-body);grid-template-columns:140px 1fr;align-items:center;gap:.38rem .6rem;display:grid}.summary-grid span:nth-child(odd){color:var(--muted);font-weight:600}.summary-grid>span:nth-child(2n){min-width:0;font-weight:600;display:block}.summary-grid>span{border-bottom:1px dashed color-mix(in srgb, var(--border) 88%, #d8dde2);padding:.22rem 0}.summary-grid>span:nth-last-child(-n+2){border-bottom:0}.summary-domain-row{border-bottom:0!important}.summary-traits-row{border-top:1px dashed color-mix(in srgb, var(--border) 88%, #d8dde2)!important}.summary-link-button{color:color-mix(in srgb, var(--accent) 84%, #1a2430);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:700;text-decoration:underline}.summary-link-button:hover{color:color-mix(in srgb, var(--accent) 98%, #121a24);background:0 0;text-decoration-thickness:2px;transform:none}.summary-field-link{color:color-mix(in srgb, var(--accent) 84%, #1a2430);font-size:inherit;line-height:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:700;text-decoration:underline}.summary-field-link:hover{color:color-mix(in srgb, var(--accent) 92%, #1a2430);background:0 0;text-decoration-thickness:2px;transform:none}.summary-required-mark{color:#c43d3d;font-size:var(--fs-small);white-space:nowrap;font-weight:700}.summary-heading-link{color:color-mix(in srgb, var(--accent) 84%, #1a2430);font-weight:800;font-size:inherit;line-height:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.summary-heading-link:hover{color:color-mix(in srgb, var(--accent) 98%, #121a24);background:0 0;text-decoration-thickness:2px;transform:none}.summary-inline-pills{gap:.32rem;min-width:0;max-width:100%;display:grid}.summary-inline-pills-flat{flex-wrap:wrap;align-items:flex-start;gap:.28rem .34rem;display:flex}.summary-inline-pill-row{align-items:center;gap:.3rem;width:100%;min-width:0;max-width:100%;display:flex}.summary-inline-pill{border:1px solid var(--border);width:fit-content;min-width:0;max-width:calc(100% - 1.45rem);min-height:2.2rem;color:var(--text);font-size:var(--fs-small);background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:.45rem;padding:.3rem .45rem;font-weight:700;line-height:1.25;display:inline-flex}.summary-inline-pill-link{cursor:pointer}.summary-inline-pill-link:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent) 10%, #fff);transform:none}.summary-inline-pill-static{cursor:default;border-color:color-mix(in srgb, var(--border) 92%, #c7cdd3);background:color-mix(in srgb, var(--surface) 80%, #fff)}.summary-grid-cell-top{align-self:start}.summary-domain-count{font-size:var(--fs-small);color:color-mix(in srgb, var(--muted) 92%, #2a2f36);width:100%;margin-bottom:.1rem;font-weight:700;display:inline-block}.summary-inline-pill>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:inline-block;overflow:hidden}.summary-trait-inline-values{flex-wrap:wrap;gap:.26rem .34rem;display:flex}.summary-trait-chip{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--accent) 8%, #fff);min-height:1.7rem;font-size:var(--fs-small);color:color-mix(in srgb, var(--accent) 86%, #1a2430);border-radius:8px;justify-content:center;align-items:center;padding:.14rem .34rem;font-weight:700;display:inline-flex;position:relative}.summary-trait-chip.pending{background:color-mix(in srgb, var(--surface) 72%, #fff);color:#7a808a;border-style:dashed}.summary-value-hint{border-bottom:1px dashed color-mix(in srgb, var(--accent) 52%, var(--border));color:color-mix(in srgb, var(--accent) 86%, #1a2430);font-weight:700}.summary-compact-value{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:color-mix(in srgb, var(--accent) 8%, #fff);min-width:2rem;min-height:1.7rem;color:color-mix(in srgb, var(--accent) 90%, #17303a);border-radius:8px;justify-content:center;align-items:center;padding:.12rem .36rem;font-weight:800;display:inline-flex;position:relative}.summary-proficiency-label{align-items:center;gap:.38rem;display:inline-flex}.summary-term-help{width:1.1rem;height:1.1rem;color:color-mix(in srgb, var(--accent) 70%, #46545f);cursor:help;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:clamp(.9rem,.84rem + .12vw,1rem);font-weight:700;line-height:1;transition:background .14s,color .14s,transform .14s;display:inline-flex;position:relative}.summary-term-help:hover{background:color-mix(in srgb, var(--accent) 12%, #fff);color:color-mix(in srgb, var(--accent) 90%, #23303a);transform:translateY(-1px)}.summary-term-help:hover .summary-term-help-tooltip,.summary-term-help:focus-within .summary-term-help-tooltip,.summary-term-help[data-open=true] .summary-term-help-tooltip{opacity:1;pointer-events:auto;transform:translate(-50%,-8px)}.summary-term-help-tooltip{z-index:42;border:1px solid var(--border);width:max-content;min-width:min(280px,92vw);max-width:min(92vw,520px);color:var(--muted);font-size:var(--fs-small);white-space:normal;text-wrap:pretty;opacity:0;pointer-events:none;background:#fff;border-radius:10px;margin:0;padding:.56rem .86rem;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 10px 20px #0e1b2626}.summary-proficiency-value-wrap{align-items:center;gap:.45rem;display:inline-flex}.name-display-wrap,.experience-value-wrap{border:1px solid var(--border);background:#fff;border-radius:9px;justify-content:space-between;align-items:center;gap:.45rem;min-height:2.2rem;padding:.3rem .45rem;display:inline-flex}.name-display-wrap{width:min(320px,100%)}.experience-value-wrap{width:100%;min-width:0}.name-display-wrap strong,.experience-value-wrap strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);overflow:hidden}.name-edit-wrap{width:min(300px,100%);display:inline-block}.name-edit-button{border-radius:999px;width:34px;min-width:34px;height:34px;padding:0;font-size:clamp(.95rem,.86rem + .2vw,1.05rem);line-height:1}.name-edit-button:hover{transform:none}.overview-meters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.2rem .55rem;display:grid}.overview-meter{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;align-self:start;gap:.16rem;height:auto;min-height:6.8rem;max-height:6.8rem;padding:.5rem;display:flex;position:relative}.overview-meter.compact{min-height:4.5rem;max-height:4.5rem}.overview-meter.split-tooltip .overview-track{margin-top:.24rem}.overview-meter>.muted{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.meter-main-anchor{position:relative}.damage-band-anchor{margin-top:.7rem;position:relative}.threshold-compact-chip{display:none}.damage-band-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.24rem;margin-top:0;display:grid}.damage-band{border:1px solid var(--border);border-radius:8px;justify-items:center;gap:0;min-width:0;padding:.16rem .26rem;line-height:1;display:grid}.damage-band-label{text-transform:uppercase;letter-spacing:.008em;font-size:.68rem;font-weight:800;line-height:1}.damage-band-value{color:#1d2529;font-size:.72rem;font-weight:800;line-height:1}.damage-band.minor{border-color:color-mix(in srgb, #4ea461 52%, var(--border));background:#e2f5e5}.damage-band.major{border-color:color-mix(in srgb, #c49a18 52%, var(--border));background:#fff5d0}.damage-band.severe{border-color:color-mix(in srgb, #c74b4b 54%, var(--border));background:#ffe3e1}.damage-band-arrow{color:color-mix(in srgb, var(--muted) 82%, #3b4a52);font-size:.78rem;font-weight:900;line-height:1}.overview-meter-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.overview-meter-head strong{justify-content:space-between;align-items:baseline;gap:.45rem;width:100%;display:inline-flex}.meter-label{font-weight:800}.meter-label-short{display:none}.meter-value{white-space:nowrap;font-weight:900}.overview-track{flex-wrap:wrap;align-items:center;gap:.22rem;display:flex}.track-node{opacity:.45;border:1px solid #0000;width:14px;height:14px}.track-node.circle{border-radius:999px}.track-node.square{border-radius:3px}.track-node.shield{clip-path:polygon(50% 0,91% 18%,86% 69%,50% 100%,14% 69%,9% 18%);border-radius:0;width:15px;height:16px}.track-node.diamond{border-radius:2px;transform:rotate(45deg)}.track-node.hp{background:#eab0b0;border-color:#d14f4f}.track-node.stress{background:#c4b3dd;border-color:#7b57b3}.track-node.hope{background:#f5cd9f;border-color:#e9902a}.track-node.evasion{background:#96cfdb;border-color:#1695b0}.track-node.armor{background:#b7c2cc;border-color:#516779}.track-node.filled{opacity:1}.track-node.preview-add{opacity:1;transform:scale(1.08);box-shadow:0 0 0 2px #1e263429}.track-node.diamond.preview-add{transform:rotate(45deg)scale(1.08)}.track-node.preview-clear{opacity:.2;filter:grayscale(.15)}.track-node.preview-insufficient{opacity:1;box-shadow:0 0 0 2px #d3363638;background:0 0!important;border-color:#d33636!important}.overview-breakdown{font-size:var(--fs-small);color:var(--muted);gap:.2rem;margin:.35rem 0 0;padding-left:1rem;display:grid}.value-hover-tooltip{z-index:45;border:1px solid var(--border);width:max-content;min-width:280px;max-width:min(88vw,460px);font-size:var(--fs-small);color:var(--muted);text-align:left;pointer-events:none;background:#fff;border-radius:9px;padding:.44rem .56rem;line-height:1.34;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 16px #141e2d24}.overview-meter .value-hover-tooltip{top:calc(100% + 10px);bottom:auto}.meter-main-anchor .value-hover-tooltip,.damage-band-anchor .value-hover-tooltip{left:0;transform:none}.damage-band-anchor .value-hover-tooltip{top:calc(100% + 8px);bottom:auto}.value-hover-tooltip>span{display:block}.value-hover-tooltip>span:first-child{margin-bottom:.22rem;font-weight:700}.tooltip-value{color:#111;margin-right:.2rem;font-weight:800}.tooltip-spellcast-note{color:#c43d3d}.overview-meter:not(.split-tooltip):hover>.value-hover-tooltip,.summary-compact-value:hover .value-hover-tooltip,.summary-trait-chip:hover .value-hover-tooltip,.resource-trait-value-line:hover .value-hover-tooltip,.resource-trait-value-line:focus-within .value-hover-tooltip,.meter-main-anchor:hover>.value-hover-tooltip,.damage-band-anchor:hover>.value-hover-tooltip{display:block}.proficiency-breakdown{margin-top:.35rem}.overview-domain-cards{min-height:100%}.overview-domain-cards h3{margin:0 0 .35rem;font-size:clamp(1rem,.94rem + .24vw,1.12rem)}.overview-domain-cards ul{gap:.2rem;margin:0;padding-left:1rem;display:grid}.overview-meter-traits{align-content:start}.resource-traits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem .38rem;display:grid}.resource-traits-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem .42rem}.resource-trait-value-line{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:color-mix(in srgb, var(--accent) 8%, #fff);min-height:1.9rem;font-size:var(--fs-small);letter-spacing:.01em;color:color-mix(in srgb, var(--accent) 90%, #1f3038);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:.18rem .34rem;font-weight:700;display:inline-flex;position:relative}.resource-trait-value-line.pending{color:#7a808a;background:color-mix(in srgb, var(--surface) 72%, #fff);border-style:dashed}.resource-trait-value-line.spellcast-focus{border-color:color-mix(in srgb, #c28a12 58%, var(--border));color:#7e5100;background:linear-gradient(#fff7e3,#ffeeca);padding-right:.9rem;font-weight:800}.resource-trait-star{color:#c28a12;text-shadow:0 0 6px #c28a124d;font-size:1.02em;line-height:1;position:absolute;top:.06rem;right:.2rem}.overview-warning{font-size:var(--fs-small);color:#c43d3d;margin:.45rem 0 0;font-weight:700}.back-scroll-rail{border-left:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));z-index:50;grid-template-rows:1fr 1fr;width:5vw;min-width:56px;max-width:96px;height:100vh;padding:0;display:grid;position:fixed;top:0;right:0}.back-scroll-rail-half{background:color-mix(in srgb, var(--accent) 14%, transparent);color:color-mix(in srgb, var(--accent) 86%, #102323);box-shadow:none;border:0;border-radius:0;justify-content:center;align-items:center;display:flex}.back-scroll-rail-half+.back-scroll-rail-half{border-top:1px solid color-mix(in srgb, var(--accent) 28%, var(--border))}.back-scroll-rail-half:hover{background:color-mix(in srgb, var(--accent) 22%, transparent);transform:none}.back-to-top-rail-icon{pointer-events:none;opacity:.9;font-size:clamp(1.1rem,.95rem + .5vw,1.5rem);font-weight:900;line-height:1}.section-nav{z-index:49;width:clamp(250px,22vw,360px);display:block;position:fixed;top:50%;left:clamp(8px,1.2vw,18px);transform:translateY(-50%)}.section-nav-list{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:color-mix(in srgb, var(--surface) 88%, #fff);border-radius:12px;gap:.35rem;padding:.45rem;display:grid;box-shadow:0 8px 20px #0d262b21}.section-nav-item{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));width:100%;min-height:2.6rem;color:color-mix(in srgb, var(--accent) 88%, #173031);font-size:var(--fs-small);text-align:left;background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.58rem;padding:.42rem .58rem;font-weight:700;line-height:1.25;display:grid}.section-nav-item:hover{background:color-mix(in srgb, var(--accent) 10%, #fff);transform:none}.section-nav-item.active{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));background:color-mix(in srgb, var(--accent) 20%, #fff);color:color-mix(in srgb, var(--accent) 98%, #102223);font-weight:900}.section-nav-label{text-overflow:ellipsis;white-space:normal;line-height:1.2;overflow:hidden}.section-nav-status{text-align:right;border:1px solid color-mix(in srgb, var(--border) 88%, #c6cbd1);background:color-mix(in srgb, var(--surface) 84%, #fff);border-radius:999px;justify-content:flex-end;align-items:center;min-width:7.8rem;padding:.22rem .44rem;font-size:.92em;font-weight:900;line-height:1;display:inline-flex}.section-nav-status.done{color:#176f43;border-color:color-mix(in srgb, #1e8d55 45%, var(--border));background:#d2e8dd}.section-nav-status.pending{color:#5f6a74;border-color:color-mix(in srgb, #8f99a3 48%, var(--border));background:#edeff0}.section-nav-status.optional{color:#55636f;border-color:color-mix(in srgb, #7f8b96 42%, var(--border));background:#f0f1f2}.mobile-section-nav,.mobile-core-compact{display:none}label{font-size:var(--fs-body);color:var(--muted);gap:.25rem;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:9px;padding:.45rem .55rem}textarea{resize:vertical}.two-col{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.traits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.traits-dnd{gap:.7rem;display:grid}.trait-bonus-pool{border:1px dashed color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--surface) 88%, #fff);border-radius:12px;gap:.45rem;padding:.55rem;display:grid}.trait-bonus-pool.needs-assignment{border-color:color-mix(in srgb, var(--accent) 52%, var(--border))}.trait-bonus-pool h3{font-size:var(--fs-small);color:var(--muted);margin:0}.trait-pool-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.trait-reset-button{font-size:var(--fs-small);border-radius:8px;padding:.25rem .5rem}.trait-chip-row{flex-wrap:wrap;align-items:center;gap:.45rem;min-height:3.55rem;display:flex}.trait-drag-hint{width:fit-content;font-size:var(--fs-small);border-radius:8px;margin:0;padding:.18rem .46rem;font-weight:700}.trait-drag-hint.pending{border:1px solid color-mix(in srgb, var(--danger) 36%, var(--border));background:color-mix(in srgb, var(--danger) 10%, #fff);color:color-mix(in srgb, var(--danger) 90%, #5c1f1f);animation:1.6s ease-in-out infinite trait-hint-pulse}.trait-drag-hint.success{border:1px solid color-mix(in srgb, var(--ok) 34%, var(--border));background:color-mix(in srgb, var(--ok) 10%, #fff);color:color-mix(in srgb, var(--ok) 90%, #16442e)}.trait-chip{border:1px solid color-mix(in srgb, #8f7f67 60%, var(--border));color:#2f2a22;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(circle at 26% 20%,#ffffffeb 0%,#ffffff85 22%,#ffffff0f 42%,#0000 62%),radial-gradient(circle at 72% 82%,#2a1e1240 0%,#2a1e1200 52%),radial-gradient(circle at 50% 52%,#e2d6c1 0%,#cec0aa 58%,#b6a58f 80%,#9d8b73 100%);border-radius:999px;justify-content:center;align-items:center;width:3.9rem;height:3.9rem;font-size:clamp(1.16rem,1.02rem + .3vw,1.38rem);font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1.2px #fffffff5,inset 0 -2.5px 5px #382b1e38,inset 0 0 0 1px #ffffff38,0 3px 10px #00000029}.trait-chip:before{content:"";opacity:.62;pointer-events:none;background:repeating-radial-gradient(circle,#ffffff12 0 1px,#0000000a 1px 2.4px),linear-gradient(145deg,#ffffff2e 0%,#fff0 46%,#00000017 100%);border-radius:999px;position:absolute;inset:0}.trait-chip:after{content:"";pointer-events:none;border:1px solid #c2bcb3;border-radius:999px;position:absolute;inset:3.5px;box-shadow:inset 0 0 0 1px #4a3a2538}.trait-chip:hover{transform:translateY(-1px)}.trait-chip:active{transform:translateY(0)scale(.98)}.trait-chip.dragging{opacity:0}.trait-chip.selected{box-shadow:inset 0 1.2px 0 #fffffff5, inset 0 -2.5px 5px #382b1e38, inset 0 0 0 1px #ffffff38, 0 0 0 3px color-mix(in srgb, var(--accent) 36%, transparent), 0 4px 12px #0003;transform:translateY(-1px)}.trait-chip.bonus-plus-2{color:#4a3918;background:radial-gradient(circle at 26% 20%,#ffffffeb 0%,#ffffff8f 22%,#ffffff14 42%,#0000 62%),radial-gradient(circle at 72% 82%,#5a3a063d 0%,#5a3a0600 52%),radial-gradient(circle at 50% 52%,#ecd39f 0%,#d5b26e 56%,#bb9652 79%,#9f7b3f 100%);border-color:#d6a83e;box-shadow:inset 0 1.2px #fffffff2,inset 0 -2.4px 4.6px #7a5c1547,0 0 0 2px #d6a83e2e,0 4px 12px #b8891738}.trait-chip.bonus-plus-1{color:#2f4930;background:radial-gradient(circle at 26% 20%,#ffffffe6 0%,#ffffff8c 22%,#ffffff14 42%,#0000 62%),radial-gradient(circle at 72% 82%,#123e203d 0%,#123e2000 52%),radial-gradient(circle at 50% 52%,#d3e0ca 0%,#aec19f 56%,#8ea57f 79%,#6e8861 100%);border-color:#4e9e67;box-shadow:inset 0 1.2px #fffffff2,inset 0 -2.4px 4.6px #1b55313d,0 0 0 2px #4e9e6729,0 4px 12px #38825633}.trait-chip.negative{border-color:color-mix(in srgb, #d14f4f 44%, var(--border));color:#6f2b2b;background:radial-gradient(circle at 26% 20%,#ffffffe6 0%,#ffffff8a 22%,#ffffff14 42%,#0000 62%),radial-gradient(circle at 72% 82%,#5a18183d 0%,#5a181800 52%),radial-gradient(circle at 50% 52%,#e1c2b8 0%,#c89b8f 56%,#ad7d70 79%,#946252 100%)}.trait-chip.bonus-zero{border-color:color-mix(in srgb, #8a7c66 64%, var(--border));color:#3a3328;background:radial-gradient(circle at 26% 20%,#ffffffd6 0%,#ffffff6b 20%,#ffffff0a 38%,#0000 58%),radial-gradient(circle at 50% 52%,#e6dccb 0%,#d5c8b3 58%,#bda98f 82%,#a29077 100%);box-shadow:inset 0 1.1px #fffffff0,inset 0 -2.2px 4.2px #382b1e29,0 2px 8px #0000001f}.trait-chip.bonus-zero:before{opacity:.36;background:linear-gradient(145deg,#ffffff24 0%,#fff0 48%,#0000000d 100%)}.trait-chip.assigned{z-index:2;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.trait-drop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.trait-drop-grid.drag-active .trait-drop-slot{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--accent) 7%, #fff)}.trait-drop-slot{border:1px solid var(--border);background:#fff;border-radius:12px;justify-items:center;gap:.45rem;padding:.5rem;display:grid}.trait-drop-slot.drag-over{border-color:color-mix(in srgb, var(--accent) 72%, var(--border));background:color-mix(in srgb, var(--accent) 14%, #fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.trait-drop-slot.spellcast-focus{border-color:color-mix(in srgb, #c28a12 58%, var(--border));background:linear-gradient(#fff7e3,#ffeeca)}.trait-drop-slot.snap-pulse{animation:.26s ease-out trait-slot-snap}.trait-drop-slot strong{font-size:var(--fs-small);padding-right:.72rem;position:relative}.trait-slot-star{font-size:.9em;top:-.08rem;right:-.08rem}.trait-role-tags{font-size:var(--fs-xs);color:color-mix(in srgb, var(--muted) 88%, #2a2a2a);text-align:center}.trait-target{border:2px dashed color-mix(in srgb, var(--muted) 45%, var(--border));background:color-mix(in srgb, var(--surface) 76%, #fff);border-radius:999px;place-items:center;width:4.35rem;height:4.35rem;display:grid;position:relative;overflow:hidden}.trait-target.filled{border-style:solid;border-color:color-mix(in srgb, var(--accent) 56%, var(--border));background:color-mix(in srgb, var(--accent) 14%, #fff)}.trait-target-base{color:color-mix(in srgb, var(--muted) 75%, #222);z-index:1;font-size:clamp(1rem,.92rem + .2vw,1.12rem);font-weight:700;line-height:1}.trait-drop-placeholder{text-align:center;width:78%;color:color-mix(in srgb, var(--muted) 70%, #4a5660);letter-spacing:0;white-space:normal;text-wrap:balance;pointer-events:none;font-size:clamp(.6rem,.56rem + .08vw,.68rem);font-weight:700;line-height:1.12;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes trait-hint-pulse{0%{box-shadow:0 0 #0d7a7b24}60%{box-shadow:0 0 0 8px #0d7a7b00}to{box-shadow:0 0 #0d7a7b00}}@keyframes trait-slot-snap{0%{transform:scale(1);box-shadow:0 0 #0d7a7b38}42%{transform:scale(1.035);box-shadow:0 0 0 8px #0d7a7b14}to{transform:scale(1);box-shadow:0 0 #0d7a7b00}}.trait-info-panel{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:color-mix(in srgb, var(--surface) 86%, #fff);border-radius:12px;gap:.32rem;padding:.6rem;display:grid;position:static}.trait-info-panel h3{margin:0;font-size:clamp(1.02rem,.95rem + .2vw,1.12rem)}.trait-info-panel p{margin:0}.trait-info-verbs{font-size:var(--fs-small);color:color-mix(in srgb, var(--accent) 76%, #203238);font-weight:700}.stat-row{color:var(--muted);font-size:var(--fs-small);flex-wrap:wrap;gap:.8rem;margin-top:.75rem;display:flex}.selection-cards{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem;display:grid}.selection-card{border:1px solid var(--border);background:#fff;border-radius:12px;gap:.35rem;padding:.65rem;display:grid}.selection-card h3{margin:0;font-size:clamp(.95rem,.86rem + .2vw,1.05rem)}.selection-card p{margin:0}.class-base-card{border:1px solid var(--border);background:#fff;border-radius:12px;gap:.55rem;margin-top:.75rem;padding:.7rem;display:grid}.class-base-card h3{margin:0;font-size:clamp(1.03rem,.96rem + .25vw,1.16rem)}.class-base-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.class-core-top{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;margin-bottom:.55rem;display:grid}.class-core-top .class-items-block{grid-column:span 2}.feature-block{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, #fff);border-radius:10px;gap:.25rem;padding:.5rem;display:grid}.feature-block h4,.feature-block h5{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--muted);margin:0}.feature-block p{font-size:var(--fs-body);white-space:pre-wrap;margin:0}.feature-block.compact p{font-size:var(--fs-body)}.class-base-stat-value{border:1px solid color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent) 12%, #fff);color:color-mix(in srgb, var(--accent) 90%, #1b2b35);text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;width:fit-content;min-width:2.35rem;min-height:2rem;margin-top:.08rem;padding:.2rem .34rem;font-size:clamp(1.02rem,.96rem + .18vw,1.2rem);font-weight:900;line-height:1.1;display:inline-grid}.class-base-stat-value.evasion{border-color:color-mix(in srgb, #1695b0 55%, var(--border));color:#0f6d83;background:#daeef2}.class-base-stat-value.hp{border-color:color-mix(in srgb, #d14f4f 52%, var(--border));color:#9d3535;background:#f8e5e5}.feature-lines{gap:.35rem;display:grid}.feature-lines p{margin:0}.class-domain-pills{flex-wrap:wrap;gap:.45rem;display:flex}.domain-pill{border:1px solid var(--domain-accent);background:var(--domain-bg);color:color-mix(in srgb, var(--domain-accent) 76%, #111);font-weight:700}.domain-pill:hover{background:color-mix(in srgb, var(--domain-bg) 72%, #fff);transform:none}.subclass-section{border-top:2px solid color-mix(in srgb, var(--accent-2) 42%, var(--border));background:color-mix(in srgb, var(--surface) 82%, #f4f6f9);border-radius:12px;gap:.55rem;margin-top:.25rem;padding:.55rem;display:grid}.subclass-section h3{margin:0;font-size:clamp(1.05rem,.97rem + .34vw,1.2rem)}.subclass-strip-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.subclass-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.subclass-column{align-content:start;gap:.45rem;display:grid}.subclass-detail-card{border:1px solid var(--border);background:#fff;border-radius:12px;gap:.42rem;padding:.55rem;animation:.14s ease-out subclass-fade;display:grid;position:relative;overflow:visible}.subclass-detail-card h4{margin:0;font-size:clamp(1.03rem,.95rem + .3vw,1.18rem)}.subclass-detail-card:before{content:"";background:color-mix(in srgb, var(--accent-2) 70%, #2a2a2a);width:5px;position:absolute;top:0;bottom:0;left:0}.subclass-titlebar{border:1px solid color-mix(in srgb, var(--accent-2) 35%, var(--border));background:color-mix(in srgb, var(--accent-2) 12%, #fff);border-radius:10px;padding:.28rem .45rem}.feature-spoiler{border:1px dashed var(--border);border-radius:10px;gap:.35rem;padding:.4rem .45rem;display:grid}.feature-spoiler summary{cursor:pointer;font-size:var(--fs-small);color:var(--muted)}.spellcast-trait-block.is-spellcaster{border:1px solid color-mix(in srgb, #cc9a2f 42%, var(--border));background:linear-gradient(#fff9eb,#fff4db)}.spellcast-trait-block h5{align-items:center;gap:.32rem;display:inline-flex}.spellcast-star{color:#c28a12;font-size:clamp(.9rem,.84rem + .14vw,1rem);line-height:1}.spellcast-trait-value{color:#8f5d00;font-weight:800}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.domain-columns{grid-template-columns:1fr;gap:.55rem;display:grid}.domain-cards-head{justify-content:space-between;align-items:baseline;gap:.8rem;display:flex}.cards-counter{font-size:var(--fs-small);color:var(--muted);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 84%, #fff);border-radius:999px;margin:0;padding:.22rem .55rem}.cards-counter strong{color:#1f2a3b}.cards-counter.full{color:color-mix(in srgb, var(--accent) 70%, #1a1a1a);border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent) 16%, #fff)}.cards-counter.full strong{color:color-mix(in srgb, var(--accent) 85%, #141414)}.domain-column-card{border:1px solid color-mix(in srgb, var(--domain-accent) 35%, var(--border));background:linear-gradient(180deg, var(--domain-bg), #fff 28%);border-radius:12px;gap:.45rem;padding:.5rem;display:grid}.domain-column-card.focused{box-shadow:0 0 0 2px color-mix(in srgb, var(--domain-accent) 35%, transparent)}.domain-column-head h3{color:color-mix(in srgb, var(--domain-accent) 75%, #1a1a1a);margin:0;font-size:clamp(1rem,.93rem + .22vw,1.1rem)}.domain-active-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.4rem}.domain-card-image{border:1px solid var(--border);border-radius:8px;width:100%;height:auto}.level1-artboard{--card-badge-top:6%;--card-badge-left:4%;--card-badge-width:18%;--card-frame-bottom:-2%;--card-frame-left:50%;--card-frame-width:100%;--card-type-bottom:-1.5%;aspect-ratio:1.6;background:#11141a;border:1px solid #d5ad55;border-radius:8px;width:100%;margin-bottom:.35rem;position:relative;overflow:hidden}.level1-bg{object-fit:cover;width:100%;height:100%;display:block}.level1-domain-badge{top:var(--card-badge-top);left:var(--card-badge-left);width:var(--card-badge-width);z-index:2;pointer-events:none;height:auto;position:absolute}.level1-level-badge{top:calc(var(--card-badge-top) + (var(--card-badge-width) / 2) + 5%);left:calc(var(--card-badge-left) + (var(--card-badge-width) / 2));z-index:3;color:#fff;text-shadow:0 2px 6px #0000006b;pointer-events:none;font-size:clamp(1.45rem,1.05rem + 1.5vw,2.2rem);font-weight:900;line-height:1;position:absolute;transform:translate(-50%,-50%)}.level1-type-frame{bottom:var(--card-frame-bottom);left:var(--card-frame-left);width:var(--card-frame-width);z-index:2;pointer-events:none;position:absolute;transform:translate(-50%)}.level1-type-text{left:50%;bottom:var(--card-type-bottom);z-index:3;color:#fff;font-size:var(--fs-small);letter-spacing:.03em;text-shadow:0 1px 3px #0006;pointer-events:none;text-align:center;width:92%;font-weight:800;position:absolute;transform:translate(-50%)}.level1-recall-badge{aspect-ratio:1;z-index:3;color:#f5f6fa;pointer-events:none;background:#181d24eb;border:2px solid #e4c45f;border-radius:999px;justify-content:center;align-items:center;gap:.12rem;width:16%;display:flex;position:absolute;top:7%;right:4.2%;box-shadow:0 2px 8px #00000059}.level1-recall-value{font-size:clamp(.8rem,.72rem + .22vw,.95rem);font-weight:900;line-height:1}.level1-recall-icon{font-size:clamp(.6rem,.56rem + .16vw,.72rem);line-height:1;transform:translateY(-1px)}.level1-card{text-align:left;-webkit-user-select:text;user-select:text;cursor:pointer;z-index:1;grid-template-rows:auto 1fr;gap:.2rem;min-height:100%;transition:transform .15s,box-shadow .15s,opacity .15s,filter .15s,border-color .15s;display:grid;position:relative}.level1-card:hover{border-color:color-mix(in srgb, var(--domain-accent) 55%, var(--border));z-index:40;transform:translateY(-1px)}.domain-active-grid .level1-card:not(.selected){opacity:.72;filter:saturate(.78)}.domain-active-grid .level1-card:not(.selected):hover{opacity:.92;filter:saturate(.96)}.level1-card-body{background:color-mix(in srgb, var(--domain-soft) 28%, #fff);border:1px solid color-mix(in srgb, var(--domain-accent) 14%, var(--border));border-radius:8px;align-content:start;gap:.25rem;min-height:220px;padding:.45rem;display:grid}.level1-card.selected{border-color:color-mix(in srgb, var(--domain-accent) 82%, #161616);background:color-mix(in srgb, var(--domain-soft) 66%, #fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--domain-accent) 44%, transparent), 0 10px 18px #00000024;opacity:1;filter:none;animation:.12s ease-out card-pop;transform:translateY(-2px)}.level1-card.selected:after{content:"SELECTED";letter-spacing:.05em;color:#fff;background:color-mix(in srgb, var(--domain-accent) 78%, #111);border:1px solid color-mix(in srgb, var(--domain-accent) 60%, #fff);z-index:5;border-radius:999px;padding:.16rem .5rem;font-size:clamp(.74rem,.7rem + .1vw,.82rem);font-weight:800;position:absolute;top:.45rem;right:.45rem}.level1-card.selected .level1-artboard{box-shadow:0 0 0 2px color-mix(in srgb, var(--domain-accent) 52%, transparent);border-color:color-mix(in srgb, var(--domain-accent) 70%, #d5ad55)}.level1-card.selected .level1-card-body{border-color:color-mix(in srgb, var(--domain-accent) 52%, var(--border));background:color-mix(in srgb, var(--domain-soft) 44%, #fff)}@keyframes card-pop{0%{transform:translateY(0)scale(.985)}70%{transform:translateY(-2px)scale(1.012)}to{transform:translateY(-2px)scale(1)}}.card-tags{flex-wrap:wrap;gap:.22rem;display:flex}.card-tags span{border:1px solid var(--border);font-size:var(--fs-xs);color:var(--muted);background:color-mix(in srgb, var(--domain-soft) 55%, #fff);border-radius:999px;padding:.05rem .34rem}.card-rules{gap:.3rem;display:grid;overflow:visible}.rule-block{gap:.2rem;display:grid;overflow:visible}.rule-block p{font-size:var(--fs-small);margin:0;line-height:1.28;overflow:visible}.rule-title{color:color-mix(in srgb, var(--domain-accent) 70%, #222);font-weight:700}.important-label{font-weight:inherit;color:#111}.action-keyword,.action-keyword.resource-hope,.action-keyword.resource-stress{color:inherit}.dice-inline{background:color-mix(in srgb, var(--domain-soft,var(--surface)) 60%, #fff);color:#111;border-radius:4px;padding:.02rem .24rem;font-weight:800}.roll-inline{color:#111;font-weight:800}.spellcast-term{align-items:center;gap:.18rem;display:inline-flex;position:relative}.spellcast-term-text{letter-spacing:.03em;color:#0f6ea6;text-shadow:0 0 1px #ffffffbf,0 0 8px #2182c159;font-weight:900}.spellcast-tooltip{z-index:44;white-space:normal;border:1px solid color-mix(in srgb, #2f6f96 44%, var(--border));color:#28516e;width:max-content;max-width:min(92vw,560px);font-size:var(--fs-small);opacity:0;pointer-events:none;background:#fff;border-radius:9px;padding:.44rem .62rem;font-weight:700;line-height:1.35;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 18px #102a3e2e}.spellcast-tooltip .tooltip-spellcast-note{color:#c43d3d;margin-top:.32rem;font-weight:700;display:block}.spellcast-term:hover .spellcast-tooltip,.spellcast-term:focus-within .spellcast-tooltip{opacity:1;transform:translate(-50%,-3px)}.range-term{cursor:help;align-items:center;display:inline-flex;position:relative}.range-term-text{color:#445564;font-weight:700}.range-tooltip{--range-hover-y:3px;z-index:9999;border:1px solid color-mix(in srgb, #95a2ae 42%, var(--border));opacity:0;pointer-events:none;background:#f9fbfc;border-radius:10px;gap:.46rem;width:min(560px,92vw);padding:.56rem .62rem;transition:opacity .14s,transform .14s;display:grid;position:fixed;top:0;left:0;transform:translateY(3px);box-shadow:0 8px 18px #141f2a1f}.range-tooltip.term-tooltip{width:min(520px,90vw);padding:.52rem .64rem}.range-tooltip.range-tooltip-floating.is-visible{opacity:1;transform:translate(0, var(--range-hover-y))}.range-tooltip.range-tooltip-floating[data-range-side=top]{--range-hover-y:-3px}.range-tooltip-grid{grid-template-columns:auto 1px minmax(0,1fr);align-items:stretch;gap:.72rem;display:grid}.range-tooltip-left{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.62rem;min-width:0;display:grid}.range-diagram{align-self:center;width:172px;height:172px;display:block;position:relative}.range-tooltip-divider{background:#a8b4bf66;border-radius:999px;width:1px}.range-tooltip-content{align-content:center;gap:.36rem;min-width:0;display:grid}.range-sector{opacity:.9;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.range-sector-melee{background:#798997;width:36px;height:36px;box-shadow:0 0 0 1px #3c4e5c6b,0 0 8px #5064742e}.range-sector-very-close{background:#8192a0;width:62px;height:62px;box-shadow:0 0 0 1px #43536057;-webkit-mask:radial-gradient(circle,#0000 0 18px,#000 18.5px);mask:radial-gradient(circle,#0000 0 18px,#000 18.5px)}.range-sector-close{background:#8b9caa;width:88px;height:88px;box-shadow:0 0 0 1px #49586557;-webkit-mask:radial-gradient(circle,#0000 0 31px,#000 31.5px);mask:radial-gradient(circle,#0000 0 31px,#000 31.5px)}.range-sector-far{background:#97a5b3;width:116px;height:116px;box-shadow:0 0 0 1px #505d6a57;-webkit-mask:radial-gradient(circle,#0000 0 44px,#000 44.5px);mask:radial-gradient(circle,#0000 0 44px,#000 44.5px)}.range-sector-very-far{background:#a2b0bc;width:146px;height:146px;box-shadow:0 0 0 1px #58657052;-webkit-mask:radial-gradient(circle,#0000 0 58px,#000 58.5px);mask:radial-gradient(circle,#0000 0 58px,#000 58.5px)}.range-sector-out-of-range{width:162px;height:162px;box-shadow:none;opacity:.92;background:0 0;border:2px dashed #a65e5e}.range-center-dot{background:#0e1f2a;border-radius:999px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffffbf}.range-ring{border:1.5px solid color-mix(in srgb, var(--ring-color) 48%, #d7dee6);background:var(--ring-bg);opacity:.58;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.range-ring.r1{--ring-color:#506474;--ring-bg:#50647414;--ring-bg-active:#50647433;width:36px;height:36px}.range-ring.r2{--ring-color:#5a6f80;--ring-bg:#5a6f8014;--ring-bg-active:#5a6f8033;width:62px;height:62px}.range-ring.r3{--ring-color:#64798a;--ring-bg:#64798a14;--ring-bg-active:#64798a33;width:88px;height:88px}.range-ring.r4{--ring-color:#708394;--ring-bg:#70839414;--ring-bg-active:#70839433;width:116px;height:116px}.range-ring.r5{--ring-color:#7c8f9f;--ring-bg:#7c8f9f14;--ring-bg-active:#7c8f9f33;width:146px;height:146px}.range-ring.active{border-width:2.5px;border-color:var(--ring-color);background:var(--ring-bg-active);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, #fff 72%, var(--ring-color)), 0 0 0 2px color-mix(in srgb, var(--ring-color) 16%, transparent);opacity:1}.range-ring.inactive{opacity:.46}.range-ring.muted{opacity:.22}.range-outside-tag{border:1px solid color-mix(in srgb, #9d3f3f 46%, var(--border));color:#7b2323;background:#f8e1e1;border-radius:999px;padding:.12rem .28rem;font-size:.7rem;font-weight:800;line-height:1;position:absolute;top:3px;right:3px}.range-guide-list{align-content:center;gap:.12rem;display:grid}.range-guide-row{color:#5b6b79;align-items:center;min-height:1.25rem;font-size:.94rem;font-weight:700;display:inline-flex}.range-guide-row.g1{color:#5b6b79}.range-guide-row.g2{color:#61717f}.range-guide-row.g3{color:#667682}.range-guide-row.g4{color:#6c7b88}.range-guide-row.g5{color:#71808e}.range-guide-row.active{color:#2f3f4c;opacity:1;font-weight:900}.range-guide-row.inactive{opacity:.36}.range-guide-row.muted{opacity:.42}.range-tooltip-copy{color:#4a5a67;font-size:1rem;line-height:1.3;display:block}.range-tooltip-copy strong{color:#2d3b47}.term-tooltip-content{gap:.3rem;display:grid}.term-tooltip-title{color:#2c3a45;font-size:.94rem;font-weight:900}.term-tooltip-body{color:#4a5a67;font-size:.92rem;line-height:1.32}.fear-term{cursor:help;align-items:center;display:inline-flex;position:relative}.fear-term-text{letter-spacing:.06em;color:#2b173f;text-shadow:0 0 1px #ffffff8c,0 0 8px #6c42a66b,0 0 16px #47227847;border-bottom:1px dotted #56367f85;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1.08em;font-weight:900}.fear-term.fear-burst .fear-term-text{animation:.9s ease-in-out fear-text-flicker}.fear-spirits{pointer-events:none;opacity:0;width:2.8em;height:3.4em;position:absolute;bottom:.95em;left:50%;overflow:visible;transform:translate(-50%)}.fear-spirit{filter:drop-shadow(0 0 7px #8a68cdf2)drop-shadow(0 0 2px #ffffffd9);opacity:0;font-size:1.02em;line-height:1;position:absolute;bottom:.05em}.fear-spirit.s1{left:.1em}.fear-spirit.s2{left:1.15em}.fear-spirit.s3{left:2.15em}.fear-term.fear-burst .fear-spirits{opacity:1}.fear-term.fear-burst .fear-spirit.s1{animation:1.55s ease-out forwards fear-spirit-rise-1}.fear-term.fear-burst .fear-spirit.s2{animation:1.75s ease-out forwards fear-spirit-rise-2}.fear-term.fear-burst .fear-spirit.s3{animation:1.65s ease-out forwards fear-spirit-rise-3}@keyframes fear-spirit-rise-1{0%{opacity:0;transform:translate(0)scale(.75)}18%{opacity:1}45%{opacity:.95;transform:translate(-.35em,-1.45em)scale(1.04)rotate(-5deg)}72%{opacity:.72;transform:translate(-.08em,-2.55em)scale(1.18)rotate(5deg)}to{opacity:0;transform:translate(-.48em,-3.35em)scale(1.28)rotate(-8deg)}}@keyframes fear-spirit-rise-2{0%{opacity:0;transform:translate(0)scale(.7)}16%{opacity:1}42%{opacity:.98;transform:translate(.22em,-1.68em)scale(1.08)rotate(6deg)}70%{opacity:.76;transform:translate(-.05em,-2.88em)scale(1.26)rotate(-5deg)}to{opacity:0;transform:translate(.38em,-3.85em)scale(1.34)rotate(9deg)}}@keyframes fear-spirit-rise-3{0%{opacity:0;transform:translate(0)scale(.72)}20%{opacity:1}48%{opacity:.92;transform:translate(.34em,-1.38em)scale(1.02)rotate(7deg)}74%{opacity:.7;transform:translate(.12em,-2.62em)scale(1.16)rotate(-6deg)}to{opacity:0;transform:translate(.56em,-3.28em)scale(1.26)rotate(10deg)}}@keyframes fear-text-flicker{0%{text-shadow:0 0 1px #ffffff8c,0 0 8px #6c42a66b,0 0 16px #47227847}50%{text-shadow:0 0 1px #ffffff9e,0 0 11px #834fc98a,0 0 20px #56289266}to{text-shadow:0 0 1px #ffffff8c,0 0 8px #6c42a66b,0 0 16px #47227847}}@media (prefers-reduced-motion:reduce){.fear-term.fear-burst .fear-spirit{opacity:0;animation:none}.fear-term.fear-burst .fear-term-text{animation:none}}.hope-term{cursor:help;align-items:center;display:inline-flex;position:relative}.hope-term-text{color:#e18816;text-shadow:0 0 1px #ffffffa6,0 0 8px #f5b94d80,0 0 14px #e8902a59;border-bottom:1px dotted #d98a268f;font-size:1.06em;font-weight:900}.hope-sparks{pointer-events:none;opacity:0;width:2.8em;height:3.1em;position:absolute;bottom:.9em;left:50%;overflow:visible;transform:translate(-50%)}.hope-sparks:before{content:"";opacity:0;background:radial-gradient(circle,#ffe7a7ad 0%,#ffce613d 55%,#ffce6100 100%);border-radius:999px;width:1.45em;height:1.45em;position:absolute;bottom:.1em;left:50%;transform:translate(-50%)scale(.55)}.hope-spark{filter:drop-shadow(0 0 7px #f7be4eeb);opacity:0;font-size:.95em;line-height:1;position:absolute;bottom:0}.hope-spark.s1{left:.15em}.hope-spark.s2{left:1.2em}.hope-spark.s3{left:2.05em}.hope-term.hope-burst .hope-term-text{animation:.72s ease-in-out hope-text-shimmer}.hope-term.hope-burst .hope-sparks{opacity:1}.hope-term.hope-burst .hope-sparks:before{animation:.7s ease-out hope-aura-pulse}.hope-term.hope-burst .hope-spark.s1{animation:1.35s ease-out forwards hope-spark-rise-1}.hope-term.hope-burst .hope-spark.s2{animation:1.55s ease-out 90ms forwards hope-spark-rise-2}.hope-term.hope-burst .hope-spark.s3{animation:1.45s ease-out .18s forwards hope-spark-rise-3}@keyframes hope-spark-rise-1{0%{opacity:0;transform:translate(0)scale(.75)}20%{opacity:1}62%{opacity:.95;transform:translate(-.48em,-1.95em)scale(1.05)rotate(-10deg)}to{opacity:0;transform:translate(-.7em,-3.35em)scale(1.24)rotate(-18deg)}}@keyframes hope-spark-rise-2{0%{opacity:0;transform:translate(0)scale(.7)}18%{opacity:1}56%{opacity:.92;transform:translate(.22em,-2.15em)scale(1.08)rotate(7deg)}to{opacity:0;transform:translate(.28em,-3.75em)scale(1.3)rotate(16deg)}}@keyframes hope-spark-rise-3{0%{opacity:0;transform:translate(0)scale(.72)}22%{opacity:1}58%{opacity:.9;transform:translate(.44em,-1.85em)scale(1.02)rotate(8deg)}to{opacity:0;transform:translate(.66em,-3.15em)scale(1.22)rotate(18deg)}}@keyframes hope-aura-pulse{0%{opacity:0;transform:translate(-50%)scale(.55)}35%{opacity:.9;transform:translate(-50%)scale(1.02)}to{opacity:0;transform:translate(-50%)scale(1.5)}}@keyframes hope-text-shimmer{0%{text-shadow:0 0 1px #ffffffa6,0 0 8px #f5b94d80,0 0 14px #e8902a59}50%{text-shadow:0 0 2px #fffc,0 0 12px #fdc967ad,0 0 22px #ed9f4080}to{text-shadow:0 0 1px #ffffffa6,0 0 8px #f5b94d80,0 0 14px #e8902a59}}@media (prefers-reduced-motion:reduce){.hope-term.hope-burst .hope-spark,.hope-term.hope-burst .hope-sparks:before{opacity:0;animation:none}.hope-term.hope-burst .hope-term-text{animation:none}}.resource-term{font-weight:inherit}.resource-help-term{cursor:help;align-items:baseline;display:inline-flex}.resource-term-text{border-bottom:0}.resource-help-term,.resource-help-term.roll-inline,.resource-help-term .resource-term-text,.range-term-text,.spellcast-term-text{text-underline-offset:.14em;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 70%, transparent);text-decoration-color:color-mix(in srgb, currentColor 70%, transparent)}.resource-help-term:hover,.resource-help-term:focus-within,.resource-help-term:hover .resource-term-text,.resource-help-term:focus-within .resource-term-text,.resource-help-term.roll-inline:hover,.resource-help-term.roll-inline:focus-visible,.range-term:hover .range-term-text,.range-term:focus-within .range-term-text,.spellcast-term:hover .spellcast-term-text,.spellcast-term:focus-within .spellcast-term-text{text-decoration-color:currentColor;text-decoration-thickness:2px}.resource-term.resource-hp{color:#d14f4f}.resource-term.resource-stress{color:#7b57b3}.resource-term.resource-hope{color:#e9902a}.resource-term.resource-evasion{color:#1695b0}.resource-term.resource-armor{color:#5a7a91}.manual-strong{color:#111;font-weight:700}.level1-card .domain-title{font-size:clamp(.92rem,.84rem + .22vw,1rem);line-height:1.2}.class-list{gap:.7rem;margin-bottom:.75rem;display:grid}.class-row{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, #fff);border-radius:12px;gap:.45rem;padding:.5rem;transition:filter .15s,opacity .15s,box-shadow .15s,border-color .15s;display:grid}.class-row.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 24%, transparent)}.class-row.muted{opacity:.6;filter:grayscale(.25)}.class-row-expanded{gap:.6rem;margin-top:.35rem;display:grid}.class-stage{grid-template-columns:1fr;align-items:start;gap:.55rem;display:grid}.class-stage-main{gap:.6rem;display:grid}.ancestry-expanded-card{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(190px,230px);align-items:start;gap:.6rem;margin-top:.35rem;padding:.55rem;display:grid}.ancestry-copy{gap:.45rem;display:grid}.community-expanded-card{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:1fr;align-items:start;gap:.7rem;margin-top:.35rem;padding:.55rem;display:grid}.community-copy{gap:.45rem;display:grid}.ancestry-artbox{border:1px solid var(--border);aspect-ratio:2/3;width:100%;min-height:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 45%, #fff);background:radial-gradient(110% 65% at 50% 22%,#fffffff2 0%,#f3f6fceb 56%,#e8edf6e6 100%);border-radius:10px;place-items:center;padding:.35rem;display:grid;position:relative;overflow:hidden}.ancestry-art-fallback{color:color-mix(in srgb, var(--accent) 70%, #2a2a2a);z-index:1;font-size:clamp(2rem,1.84rem + .35vw,2.25rem);font-weight:800;display:none}.ancestry-artbox.image-missing .ancestry-art-fallback{display:inline}.ancestry-artbox img{z-index:2;object-fit:contain;object-position:center;background:#f8fafc;border-radius:8px;width:100%;height:100%;position:relative;box-shadow:0 1px #ffffff8c,0 6px 14px #141e2d14}.community-artbox{border:1px solid var(--border);aspect-ratio:21/9;width:100%;min-height:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 45%, #fff);background:radial-gradient(110% 65% at 50% 22%,#fffffff2 0%,#f3f6fceb 56%,#e8edf6e6 100%);border-radius:10px;place-items:center;padding:.35rem;display:grid;position:relative;overflow:hidden}.community-art-fallback{z-index:1;color:color-mix(in srgb, var(--accent) 68%, #3a465c);text-transform:uppercase;letter-spacing:.06em;font-size:clamp(2.1rem,1.3rem + 2.1vw,3.2rem);font-weight:800;display:none;position:absolute}.community-artbox.image-missing .community-art-fallback{display:inline}.community-artbox img{z-index:2;object-fit:cover;object-position:center;background:#f8fafc;border-radius:8px;width:100%;height:100%;position:relative;box-shadow:0 1px #ffffff8c,0 6px 14px #141e2d14}.community-expanded-card-orderborne{grid-template-columns:minmax(0,1fr) minmax(420px,640px);align-items:stretch}.community-expanded-card-orderborne .community-artbox{aspect-ratio:4/3}.class-row-head{justify-content:space-between;align-items:baseline;gap:.8rem;padding:0;display:flex}.class-row-select{text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:.15rem}.class-row-select:hover{background:color-mix(in srgb, var(--accent) 8%, #fff);transform:none}.class-row-select:active{transform:none}.mode-toggle-button{border:1px solid var(--border);color:var(--muted);font-size:var(--fs-small);background:#fff;padding:.28rem .55rem}.mode-toggle-button.active{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 12%, #fff);color:color-mix(in srgb, var(--accent) 78%, #222)}.ancestry-selection-summary{flex-wrap:wrap;gap:.45rem;margin:.35rem 0 .6rem;display:flex}.ancestry-slot-chip{border:1px solid var(--border);font-size:var(--fs-small);background:#fff;border-radius:999px;padding:.18rem .52rem}.mixed-ancestry-panel{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--surface) 86%, #fff);border-radius:12px;gap:.45rem;margin-bottom:.6rem;padding:.55rem;display:grid}.mixed-ancestry-controls{flex-wrap:wrap;gap:.45rem;display:flex}.assign-button{border:1px solid var(--border);color:#2a3340;font-size:var(--fs-small);background:#fff;padding:.26rem .55rem}.assign-button.active{border-color:color-mix(in srgb, var(--accent-2) 45%, var(--border));background:color-mix(in srgb, var(--accent-2) 14%, #fff);color:color-mix(in srgb, var(--accent-2) 78%, #1c1c1c)}.mixed-feature-preview{border:1px dashed color-mix(in srgb, var(--accent) 30%, var(--border));background:#fff;border-radius:10px;gap:.28rem;padding:.45rem;display:grid}.mixed-feature-preview p{font-size:var(--fs-small);margin:0}.experience-guidance{gap:.45rem;margin-bottom:.65rem;display:grid}.experience-purposeful{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:color-mix(in srgb, var(--surface) 84%, #fff);border-radius:10px;gap:.4rem;padding:.5rem;display:grid}.experience-purposeful .overview-warning{margin-top:0}.experience-list{gap:.5rem;display:grid}.experience-row{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.5rem;padding:.45rem;display:grid}.experience-modifier-stack{justify-items:center;gap:.28rem;display:grid}.experience-modifier{text-align:center;min-width:3.15rem;color:color-mix(in srgb, var(--accent) 86%, #19303d);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--surface) 78%, #fff);border-radius:999px;padding:.3rem .45rem;font-weight:900}.experience-input-wrap{color:var(--text);gap:.22rem;margin:0;display:grid}.experience-input-wrap>span{color:var(--muted)}.experience-examples{border-top:1px dashed var(--border);margin-top:.65rem;padding-top:.4rem}.experience-examples summary{cursor:pointer;color:var(--muted);font-size:var(--fs-small)}.experience-examples ul{font-size:var(--fs-small);color:var(--text);gap:.3rem;margin:.45rem 0 0;padding-left:1rem;display:grid}.experience-examples li{line-height:1.32}.ancestry-row-tags{align-items:center;gap:.28rem;display:inline-flex}.ancestry-tag{border:1px solid color-mix(in srgb, var(--accent) 36%, var(--border));letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 80%, #151515), color-mix(in srgb, var(--accent) 68%, #0f0f0f));border-radius:999px;padding:.11rem .52rem;font-size:clamp(.78rem,.72rem + .1vw,.88rem);font-weight:900;box-shadow:0 2px 7px #00000038}.ancestry-tag.secondary{border-color:color-mix(in srgb, var(--accent-2) 44%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--accent-2) 80%, #151515), color-mix(in srgb, var(--accent-2) 68%, #0f0f0f))}.class-selected-badge{border:1px solid color-mix(in srgb, var(--accent) 48%, var(--border));letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 80%, #151515), color-mix(in srgb, var(--accent) 68%, #0f0f0f));border-radius:999px;padding:.11rem .52rem;font-size:clamp(.78rem,.72rem + .1vw,.88rem);font-weight:900;box-shadow:0 2px 7px #00000038}.class-row-options{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.subclass-window-button{border:1px solid var(--border);background:#fff;border-radius:12px;padding:0;transition:filter .14s,transform .14s,box-shadow .14s,border-color .14s;position:relative;overflow:hidden}.subclass-window-button img{width:100%;height:auto;display:block}.subclass-window-button.selected{border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-2) 30%, transparent), 0 8px 16px #0000001f;transform:translateY(-1px)}.subclass-column .subclass-window-button:not(.selected){filter:saturate(.72)grayscale(.12)brightness(.95)}.subclass-selected-badge{letter-spacing:.05em;color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--accent-2) 80%, #161616), color-mix(in srgb, var(--accent-2) 68%, #0f0f0f));border:1px solid color-mix(in srgb, var(--accent-2) 54%, #fff);border-radius:999px;padding:.2rem .58rem;font-size:clamp(.8rem,.74rem + .14vw,.9rem);font-weight:900;position:absolute;top:.42rem;right:.42rem;box-shadow:0 3px 8px #0000003d}@keyframes subclass-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.domain-card{text-align:left;border:1px solid var(--border);background:#fff;border-radius:12px;gap:.25rem;padding:.65rem;display:grid}.weapon-table-wrap{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:.75rem;padding:.55rem;overflow:auto}.weapon-sort-toolbar{flex-wrap:wrap;align-items:center;gap:.34rem;margin-top:.5rem;display:flex}.weapon-sort-label{font-size:var(--fs-small);color:color-mix(in srgb, var(--muted) 92%, #2d3a43);font-weight:700}.weapon-sort-button,.weapon-sort-reset{font-size:var(--fs-small);border-radius:8px;padding:.24rem .52rem;font-weight:700}.weapon-sort-button.active{border-color:color-mix(in srgb, var(--accent) 58%, var(--border));background:color-mix(in srgb, var(--accent) 18%, #fff);color:color-mix(in srgb, var(--accent) 94%, #102223)}.weapon-sort-reset{border-color:color-mix(in srgb, #8f99a3 48%, var(--border));color:#42505d;background:#f2f3f4;margin-left:auto}.weapon-table-wrap h3{margin:0 0 .45rem}.weapon-secondary-disabled-tip{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));background:color-mix(in srgb, var(--danger) 10%, #fff);color:color-mix(in srgb, var(--danger) 88%, #2c1717);font-size:var(--fs-small);border-radius:10px;margin:0 0 .5rem;padding:.48rem .62rem;font-weight:700}.weapon-table{border-collapse:collapse;width:100%;min-width:900px}.weapon-mobile-list{display:none}.weapon-mobile-card{border:1px solid color-mix(in srgb, var(--border) 86%, #d0d7dd);width:100%;color:inherit;text-align:left;background:#fff;border-radius:10px;gap:.36rem;padding:.5rem .56rem;display:grid}.weapon-mobile-card:hover{transform:none}.weapon-mobile-card.row-disabled{opacity:.56}.weapon-mobile-card.selected{border-color:color-mix(in srgb, var(--accent) 52%, var(--border));background:color-mix(in srgb, var(--accent) 12%, #fff)}.weapon-mobile-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.weapon-mobile-head strong{font-size:var(--fs-body)}.weapon-mobile-damage{border:1px solid color-mix(in srgb, var(--accent-2) 40%, var(--border));background:color-mix(in srgb, var(--accent-2) 10%, #fff);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;align-items:center;padding:.12rem .45rem;font-weight:800;display:inline-flex}.weapon-mobile-meta{flex-wrap:wrap;gap:.22rem .28rem;display:flex}.weapon-mobile-meta>span{border:1px solid color-mix(in srgb, var(--border) 88%, #cfd6dc);background:color-mix(in srgb, var(--surface) 80%, #fff);font-size:var(--fs-xs);border-radius:999px;align-items:center;padding:.1rem .4rem;line-height:1.2;display:inline-flex}.weapon-mobile-feature{font-size:var(--fs-small);color:color-mix(in srgb, var(--text) 92%, #202a31);line-height:1.35}.weapon-table th,.weapon-table td{border:1px solid color-mix(in srgb, var(--border) 85%, #d7dde2);text-align:left;vertical-align:top;font-size:var(--fs-small);padding:.32rem .4rem}.weapon-table th{background:color-mix(in srgb, var(--surface) 62%, #f3f6f9);color:color-mix(in srgb, var(--text) 84%, #1b2733)}.weapon-table tbody tr{cursor:pointer}.weapon-table tbody tr:hover{background:color-mix(in srgb, var(--accent) 8%, #fff)}.weapon-table tbody tr.selected{background:color-mix(in srgb, var(--accent) 22%, #fff);box-shadow:inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, #0f2f2f)}.weapon-table tbody tr.row-disabled{opacity:.55;cursor:not-allowed}.domain-card.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, #fff)}.domain-card.static{cursor:default}.domain-title{font-weight:700}.card-text{font-size:var(--fs-small);color:var(--muted);white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.card-text.full{-webkit-line-clamp:unset;-webkit-box-orient:unset;display:block;overflow:visible}.resource{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:.45rem 0;display:flex}.resource:last-child{border-bottom:0}.inline-actions,.toolbar{flex-wrap:wrap;gap:.45rem;display:flex}.apply-file-button{border-color:color-mix(in srgb, #2f9d57 65%, var(--border));color:#1c6a39;background:#daede1;font-weight:800}.apply-file-button:hover{background:#c9e6d3}.kv-grid{font-size:var(--fs-body);grid-template-columns:160px 1fr;gap:.35rem .5rem;display:grid}.kv-grid span:nth-child(odd){color:var(--muted)}.muted{color:var(--muted);font-size:var(--fs-small);margin:0}.ok{color:var(--ok);margin:0;font-weight:600}.issues{color:var(--danger);margin:0;padding-left:1.1rem}.io-card{animation:.22s card-enter}.json-transfer-card{gap:.5rem;display:grid}.json-hidden-input{display:none}.json-dropzone{border:1px dashed color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--surface) 76%, #fff);color:color-mix(in srgb, var(--muted) 90%, #2d3a43);font-size:var(--fs-small);text-align:center;cursor:pointer;border-radius:10px;padding:.6rem .72rem;font-weight:700;transition:border-color .14s,background .14s}.json-dropzone.dragging,.json-dropzone:hover{border-color:color-mix(in srgb, var(--accent) 62%, var(--border));background:color-mix(in srgb, var(--accent) 12%, #fff)}.json-transfer-label{color:color-mix(in srgb, var(--muted) 90%, #2d3a43);font-size:var(--fs-small);gap:.3rem;font-weight:700;display:grid}.json-transfer-label textarea{width:100%}.companion-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.6rem;display:grid}.companion-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.6rem;display:grid}.companion-attack-input{grid-column:1/-1}.companion-form-grid .experience-input-wrap{margin:0}.companion-form-grid .experience-input-wrap input{width:100%}@keyframes card-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=880px){.summary-term-help-tooltip{left:auto;right:0;transform:translateY(0)}.summary-term-help:hover .summary-term-help-tooltip,.summary-term-help:focus-within .summary-term-help-tooltip,.summary-term-help[data-open=true] .summary-term-help-tooltip{transform:translateY(-8px)}#root{padding:.75rem}.panel-grid,.overview-meters,.two-col,.traits-grid,.traits-dnd,.cards-grid,.domain-columns,.class-core-top,.class-base-grid,.subclass-detail-grid,.class-row-options,.selection-cards,.companion-stats-grid,.companion-form-grid{grid-template-columns:1fr}.topbar{grid-template-columns:1fr;align-items:stretch;min-height:0}.topbar-controls{grid-template-columns:1fr;justify-items:stretch;gap:.5rem;width:100%;min-width:0;display:grid}.topbar-copy{width:auto;min-width:0}.topbar-copy h1,.topbar-copy .muted{white-space:normal}.language-select-wrap{justify-content:space-between;width:100%;min-width:0}.language-select{width:auto}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;width:100%;display:grid}.tabs button{width:100%;min-height:44px;font-size:var(--fs-xs);white-space:normal;text-align:center;padding:.3rem .34rem;line-height:1.2}.kv-grid{grid-template-columns:1fr}.trait-info-panel{position:static}.summary-grid{grid-template-columns:1fr}.core-resources-section .overview-meters{display:none}.mobile-core-compact{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:#fff;border-radius:10px;grid-template-columns:max-content minmax(0,1fr);align-items:stretch;gap:.4rem;padding:.4rem;display:grid}.mobile-core-col{grid-auto-rows:2rem;align-content:start;gap:.2rem;display:grid}.mobile-core-col-left{width:max-content}.mobile-core-col-right{min-width:0}.mobile-core-row{border:1px solid color-mix(in srgb, var(--border) 88%, #ced6dc);background:color-mix(in srgb, var(--surface) 82%, #fff);border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.4rem;height:2rem;padding:.16rem .4rem;line-height:1.1;display:grid}.mobile-core-row>span{color:color-mix(in srgb, var(--muted) 92%, #2b3942);white-space:nowrap;font-size:.78rem;font-weight:800}.mobile-core-row>strong{color:#1d2a31;white-space:nowrap;font-size:.82rem;font-weight:900}.mobile-core-traits{border:1px solid color-mix(in srgb, var(--border) 88%, #ced6dc);background:color-mix(in srgb, var(--surface) 82%, #fff);border-radius:8px;grid-row:span 2;grid-template-rows:1fr 1fr;align-items:center;gap:.12rem;min-width:0;padding:.2rem .36rem;display:grid}.mobile-core-traits>span{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb, var(--accent) 90%, #1f3038);font-size:.72rem;font-weight:800;overflow:hidden}.overview-layout,.overview-identity-grid,.overview-metrics-row,.overview-selection-row{grid-template-columns:1fr}.overview-field.field-name{grid-column:1/-1}.overview-step-list{grid-template-columns:1fr}.overview-core-cards{grid-template-columns:1fr 1fr}.overview-build-grid,.overview-action-grid{grid-template-columns:1fr}.overview-intro-card{order:-1}.resource-traits-grid,.resource-traits-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.sticky-resources{top:0}.back-scroll-rail,.section-nav{display:none}.mobile-section-nav{left:.6rem;right:.6rem;bottom:calc(env(safe-area-inset-bottom,0px) + .55rem);z-index:65;border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--surface) 94%, #fff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;gap:.34rem;padding:.42rem .48rem;display:grid;position:fixed;box-shadow:0 10px 26px #0e1d2533}.mobile-section-nav-head{justify-content:space-between;align-items:baseline;gap:.42rem;display:flex}.mobile-section-nav-title{font-size:var(--fs-small);color:color-mix(in srgb, var(--text) 92%, #202a30);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.mobile-section-nav-count{font-size:var(--fs-xs);color:color-mix(in srgb, var(--muted) 90%, #2d3a43);white-space:nowrap;font-weight:800}.mobile-section-nav-progress{background:color-mix(in srgb, var(--surface) 68%, #e4ebef);border-radius:999px;height:6px;overflow:hidden}.mobile-section-nav-progress-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 72%, #0f696b), #209790);height:100%;transition:width .2s;display:block}.mobile-section-nav-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;display:grid}.mobile-section-nav-btn{min-height:44px;font-size:var(--fs-small);border-radius:9px;padding:.3rem .45rem;font-weight:800}.mobile-section-nav-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-section-nav-track{-webkit-overflow-scrolling:touch;gap:.28rem;padding-bottom:.04rem;display:flex;overflow-x:auto}.mobile-section-pill{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));max-width:72vw;min-height:36px;color:color-mix(in srgb, var(--accent) 86%, #173031);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:999px;flex:none;padding:.16rem .56rem;font-weight:700;overflow:hidden}.mobile-section-pill.active{border-color:color-mix(in srgb, var(--accent) 56%, var(--border));background:color-mix(in srgb, var(--accent) 16%, #fff)}.weapon-table{display:none}.weapon-mobile-list{gap:.42rem;display:grid}.domain-active-grid{grid-template-columns:1fr}.trait-drop-grid{grid-template-columns:1fr 1fr}.class-stage{grid-template-columns:1fr}.experience-row{grid-template-columns:1fr;align-items:stretch}.experience-modifier{justify-self:start}.ancestry-expanded-card{grid-template-columns:1fr}.ancestry-artbox{justify-self:center;max-width:320px}.community-expanded-card,.community-expanded-card-orderborne{grid-template-columns:1fr}.community-artbox{justify-self:center;max-width:520px}.app-shell{padding-bottom:calc(12.8rem + env(safe-area-inset-bottom,0px))}}.sheet-only{place-items:center;display:grid}.sheet-pdf-wrap{border:1px solid color-mix(in srgb, var(--border) 82%, #cfd7de);width:min(1220px,100%);height:min(88vh,1400px);box-shadow:var(--shadow);background:#fff;border-radius:10px;overflow:hidden}.sheet-pdf-frame{background:#fff;border:0;width:100%;height:100%}.clickable-input{cursor:text}.clickable-input:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent) 8%, #fff)}.clickable-input:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 52%, #9fd1df);outline-offset:1px}@media (width<=880px){.sheet-pdf-wrap{border-radius:8px;height:min(82vh,1100px)}}@media (width<=1080px){.topbar{grid-template-columns:1fr;align-items:stretch;min-height:0}.topbar-copy{width:auto;min-width:0}.topbar-copy h1,.topbar-copy .muted{white-space:normal}.topbar-controls{width:auto;min-width:0;max-width:100%}}.web-sheet{gap:.7rem;display:grid}.web-sheet-header{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.web-edit-toggle-bar{z-index:24;pointer-events:none;justify-content:center;display:flex;position:sticky;top:.55rem}.web-edit-toggle-shell{pointer-events:auto;border:1px solid color-mix(in srgb, var(--border) 84%, #c7d1d9);background:color-mix(in srgb, var(--surface) 92%, #fff);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:14px;align-items:center;gap:.62rem;padding:.38rem .52rem;display:inline-flex;box-shadow:0 6px 18px #141f2a24}.web-edit-toggle-status{border:1px solid color-mix(in srgb, var(--border) 86%, #c7d1d9);color:color-mix(in srgb, var(--muted) 94%, #2d3a43);font-size:var(--fs-small);background:#fff;border-radius:999px;align-items:center;gap:.36rem;padding:.18rem .54rem;font-weight:800;display:inline-flex}.web-edit-toggle-status:before{content:"";background:#8a98a5;border-radius:999px;width:.52rem;height:.52rem}.web-edit-toggle-status.enabled{border-color:color-mix(in srgb, var(--ok) 46%, var(--border));color:color-mix(in srgb, var(--ok) 88%, #183f2c);background:color-mix(in srgb, var(--ok) 10%, #fff)}.web-edit-toggle-status.enabled:before{background:color-mix(in srgb, var(--ok) 78%, #2c7a4c)}.web-edit-toggle{pointer-events:auto;border:1px solid color-mix(in srgb, var(--border) 86%, #c8d1d9);background:color-mix(in srgb, var(--surface) 88%, #fff);min-height:2.2rem;color:var(--text);border-radius:999px;padding:.42rem 1rem;font-size:clamp(.92rem,.88rem + .12vw,1rem);font-weight:800;transition:transform .12s,box-shadow .12s,background-color .12s;box-shadow:0 4px 12px #141f2a24}.web-edit-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 18px #141f2a2e}.web-edit-toggle:active{transform:translateY(0)}.web-edit-toggle.enabled{border-color:color-mix(in srgb, var(--ok) 48%, var(--border));background:color-mix(in srgb, var(--ok) 18%, #fff);color:color-mix(in srgb, var(--ok) 88%, #183f2c)}.web-edit-fieldset{border:0;gap:.7rem;min-width:0;margin:0;padding:0;display:grid}.web-edit-fieldset:disabled{opacity:1}.web-edit-fieldset:disabled .web-inline-input,.web-edit-fieldset:disabled .web-bonus-toggle,.web-edit-fieldset:disabled .web-domain-editor input[type=checkbox],.web-edit-fieldset:disabled select,.web-edit-fieldset:disabled input,.web-edit-fieldset:disabled textarea{cursor:not-allowed;filter:grayscale(.05)}.web-sheet-block{border:1px solid var(--border);background:#fff;border-radius:10px;gap:.42rem;padding:.55rem;display:grid}.web-sheet-block>h3{font-size:var(--fs-body);margin:0}.web-io-label{color:color-mix(in srgb, var(--muted) 90%, #2d3a43);font-size:var(--fs-small);gap:.3rem;font-weight:700;display:grid}.web-io-label textarea{border:1px solid color-mix(in srgb, var(--border) 88%, #c7d0d7);width:100%;color:var(--text);resize:vertical;background:#fff;border-radius:8px;padding:.5rem .56rem;line-height:1.35}.web-sheet-kv{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:.26rem .58rem;display:grid}.web-sheet-kv>span{color:var(--muted);font-size:var(--fs-small);font-weight:700}.web-sheet-kv>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.web-value-chip{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 10%, #fff);border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:2rem;padding:.16rem .42rem;display:inline-flex;position:relative}.web-plain-value{width:fit-content;min-width:1.6rem;display:inline-block;position:relative}.web-value-chip:hover>.value-hover-tooltip,.web-value-chip:focus-within>.value-hover-tooltip,.web-plain-value:hover>.value-hover-tooltip,.web-plain-value:focus-within>.value-hover-tooltip,.web-dual-stat:hover>.value-hover-tooltip,.web-dual-stat:focus-within>.value-hover-tooltip,.web-trait-full-item:hover>.value-hover-tooltip,.web-trait-full-item:focus-within>.value-hover-tooltip{display:block}.web-dual-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.web-dual-stat{border:1px solid color-mix(in srgb, var(--border) 90%, #ccd5dc);background:color-mix(in srgb, var(--surface) 72%, #fff);border-radius:10px;align-content:start;gap:.24rem;padding:.44rem;display:grid;position:relative}.trait-value-number{font-weight:800}.trait-value-code{margin-left:.22rem}.web-dual-stat.web-dual-stat-traitlike{background:#fff;border-radius:8px;padding:.4rem .46rem}.web-dual-stat.web-dual-stat-traitlike.evasion-card{border-color:color-mix(in srgb, #4ba9ca 45%, var(--border));background:#e5f6fc}.web-dual-stat.web-dual-stat-traitlike.armor-card{border-color:color-mix(in srgb, #5e84c0 46%, var(--border));background:#eaf2ff}.web-dual-stat.web-dual-stat-traitlike .web-value-chip{background:0 0;border:0;min-width:0;padding-left:0;padding-right:0}.web-dual-stat>span{color:var(--muted);font-size:var(--fs-small);font-weight:700}.web-dual-stat>strong{font-size:clamp(1rem,.94rem + .2vw,1.15rem)}.web-traits-full-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.web-trait-full-item{border:1px solid color-mix(in srgb, var(--border) 90%, #ccd5dc);background:#fff;border-radius:10px;align-content:space-between;gap:.16rem;min-height:5.2rem;padding:.4rem .46rem;display:grid;position:relative}.web-trait-full-item>span{color:var(--muted);font-size:var(--fs-small);font-weight:700}.web-trait-full-item>strong{font-size:var(--fs-body);align-items:center;gap:.3rem;display:inline-flex}.web-trait-full-item.trait-agility{border-color:color-mix(in srgb, #4ba9ca 45%, var(--border));background:#e5f6fc}.web-trait-full-item.trait-strength{border-color:color-mix(in srgb, #c46248 45%, var(--border));background:#fce8e2}.web-trait-full-item.trait-finesse{border-color:color-mix(in srgb, #57aa70 45%, var(--border));background:#e7f8eb}.web-trait-full-item.trait-instinct{border-color:color-mix(in srgb, #b18f42 48%, var(--border));background:#f8f1df}.web-trait-full-item.trait-presence{border-color:color-mix(in srgb, #8d68c4 46%, var(--border));background:#f3ebfc}.web-trait-full-item.trait-knowledge{border-color:color-mix(in srgb, #5e84c0 46%, var(--border));background:#eaf2ff}.web-thresholds-caption{color:color-mix(in srgb, var(--muted) 88%, #2d3a43);font-size:var(--fs-small);font-weight:700}.web-damage-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.45rem;display:grid}.web-damage-cell{min-width:0}.web-damage-cell>.web-core-card,.web-damage-cell>.web-dual-stat{height:100%}.web-damage-hit{grid-area:1/1}.web-damage-armor{grid-area:1/2}.web-damage-thresholds{grid-area:1/3}.web-thresholds-panel .damage-band-row{margin-top:.12rem}.web-thresholds-panel .damage-band{border-width:2px;border-radius:10px;min-height:2rem;padding:.44rem .62rem;line-height:1.1;box-shadow:inset 0 0 0 1px #ffffff6b}.web-thresholds-panel .damage-band-label{font-size:.78rem;font-weight:900}.web-thresholds-panel .damage-band-value{font-size:.9rem;font-weight:900}.web-core-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.web-core-grid-single{grid-template-columns:minmax(0,1fr)}.web-hope-feature{border-top:1px dashed color-mix(in srgb, var(--border) 86%, #cfd8de);gap:.18rem;padding-top:.38rem;display:grid}.web-hope-feature h4{font-size:var(--fs-small);color:color-mix(in srgb, var(--muted) 88%, #273540);text-transform:uppercase;letter-spacing:.03em;margin:0}.web-hope-feature p{color:color-mix(in srgb, var(--text) 92%, #1f2a30);margin:0;line-height:1.35}.web-experience-list{gap:.36rem;display:grid}.web-experience-item{border:1px solid color-mix(in srgb, var(--border) 90%, #ccd5dc);background:#fff;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;padding:.34rem .45rem;display:grid}.web-experience-left{align-items:center;gap:.36rem;display:inline-flex}.web-experience-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.web-experience-bonus{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--accent) 12%, #fff);min-width:2.3rem;font-size:var(--fs-small);border-radius:999px;justify-content:center;align-items:center;padding:.16rem .45rem;display:inline-flex}.web-sheet-top-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:.65rem;display:grid}.web-sheet-meta{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:.28rem .55rem;padding:.55rem;display:grid}.web-sheet-meta>span{color:var(--muted);font-weight:700;font-size:var(--fs-small)}.web-sheet-meta>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.web-sheet-traits{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.42rem;padding:.55rem;display:grid}.web-trait-pill{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:color-mix(in srgb, var(--accent) 8%, #fff);font-size:var(--fs-small);border-radius:999px;justify-content:space-between;align-items:center;padding:.26rem .45rem;font-weight:700;display:flex}.web-core-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.web-core-card{border:1px solid var(--border);background:#fff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.28rem .56rem;padding:.5rem .56rem;display:grid;position:relative}.web-core-main{border-right:1px solid color-mix(in srgb, var(--border) 82%, #c8d1d9);gap:.28rem;min-width:0;padding-right:.46rem;display:grid}.web-core-card>span{color:var(--muted);font-size:var(--fs-small);font-weight:700}.web-core-card>strong{font-size:clamp(1rem,.92rem + .2vw,1.18rem)}.web-core-actions{grid-template-rows:1fr 1fr;align-self:stretch;justify-items:stretch;gap:.28rem;width:2.1rem;padding-left:.12rem;display:grid}.web-core-action-btn{border:1px solid color-mix(in srgb, var(--border) 86%, #c8d1d9);color:#2a3a46;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;place-items:center;width:100%;min-height:1.75rem;padding:0;font-size:1.04rem;font-weight:900;line-height:1;display:grid}.web-core-action-btn.disabled{opacity:.45;cursor:not-allowed}.web-core-card .overview-meter-head{justify-content:flex-start;align-items:baseline;gap:.62rem;padding-right:.1rem}.web-core-card .overview-meter-value{letter-spacing:.01em;margin-left:auto;margin-right:.18rem;font-size:clamp(1.02rem,.95rem + .24vw,1.24rem);font-weight:900}.web-core-card .overview-track{gap:.32rem;padding-right:.14rem}.web-core-card .track-node{opacity:.62;border-width:2px;width:18px;height:18px}.web-core-card .track-node.shield{width:20px;height:22px}.web-core-card .track-node.diamond{width:17px;height:17px}.web-core-card .track-node.filled{opacity:1;box-shadow:0 0 0 1px #ffffff59}.web-core-card .track-node.hp{background:#e08787;border-color:#b13333}.web-core-card .track-node.stress{background:#a086c8;border-color:#5e3d95}.web-core-card .track-node.hope{background:#efaf66;border-color:#bf6b11}.web-core-card .track-node.armor{background:#94a3b3;border-color:#435c72}.web-thresholds-card{border:1px solid var(--border);background:#fff;border-radius:10px;gap:.28rem;padding:.45rem;display:grid;position:relative}.web-loadout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.web-loadout-card{border:1px solid var(--border);background:#fff;border-radius:10px;align-content:start;gap:.4rem;padding:.55rem;display:grid}.web-loadout-card h3{font-size:var(--fs-body);margin:0}.web-loadout-title{border-bottom:1px solid color-mix(in srgb, var(--border) 85%, #d4dbe1);color:color-mix(in srgb, var(--muted) 90%, #28343d);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.04em;align-items:center;min-height:1.3rem;margin:0;padding:0 0 .34rem;font-weight:800;display:flex}.web-loadout-card>p,.web-loadout-card>.card-tags,.web-loadout-card .muted{margin:0}.web-loadout-name{color:#1f2a30;margin:0;font-size:clamp(1rem,.94rem + .18vw,1.12rem);font-weight:800}.web-loadout-damage{border:1px solid color-mix(in srgb, var(--accent-2) 40%, var(--border));background:color-mix(in srgb, var(--accent-2) 12%, #fff);width:fit-content;color:color-mix(in srgb, var(--text) 94%, #111);font-size:var(--fs-small);border-radius:999px;align-items:center;margin:0;padding:.18rem .45rem;font-weight:800;line-height:1.2;display:inline-flex}.web-loadout-feature{font-size:var(--fs-small);color:color-mix(in srgb, var(--text) 90%, #1f2a30);margin:0;line-height:1.35;overflow:visible}.web-inline-input{border:1px solid var(--border);width:100%;font:inherit;color:inherit;background:#fff;border-radius:8px;padding:.24rem .42rem}.web-inline-input-mini{max-width:6.5rem}.web-inline-input-trait{text-align:center;max-width:4.2rem;font-weight:700}.web-core-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.44rem;display:grid}.web-core-editor-grid label{font-size:var(--fs-small);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.34rem;min-height:2.45rem;display:grid}.web-core-editor-grid label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.web-core-editor-grid .web-inline-input-mini{text-align:right;font-variant-numeric:tabular-nums;width:5.1rem;min-width:5.1rem;max-width:5.1rem}.web-threshold-edit{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:100%;display:grid}.web-threshold-edit label{font-size:var(--fs-xs);color:var(--muted);gap:.14rem;display:grid}.web-bonus-toggle{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, #fff);color:var(--text);font-size:var(--fs-xs);border-radius:999px;padding:.15rem .5rem;font-weight:700}.web-bonus-toggle.is-active{border-color:color-mix(in srgb, var(--accent) 56%, var(--border));background:color-mix(in srgb, var(--accent) 18%, #fff);color:color-mix(in srgb, var(--accent) 88%, #15313d);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent)}.web-domain-editor{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:.4rem;padding:.4rem .5rem}.web-domain-editor>summary{cursor:pointer;font-weight:700;line-height:1.25;list-style-position:inside}.web-domain-editor-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:.45rem;margin-top:.45rem;display:grid}.web-domain-editor-column{border:1px solid var(--border);border-radius:8px;gap:.22rem;min-width:0;padding:.35rem;display:grid}.web-domain-card-option{font-size:var(--fs-small);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.34rem;width:100%;min-width:0;line-height:1.25;display:grid}.web-domain-card-option input{margin-top:.12rem}.web-domain-card-option span{overflow-wrap:anywhere;word-break:break-word;min-width:0}.web-icon-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.web-companion-card{border:1px solid var(--border);background:#fff;border-radius:10px;gap:.35rem;padding:.55rem;display:grid}.web-companion-card h3{font-size:var(--fs-body);margin:0}.web-companion-grid{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:.24rem .55rem;display:grid}.web-companion-grid>span{color:var(--muted);font-weight:700;font-size:var(--fs-small)}.web-companion-grid>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.web-companion-stress-grid{align-items:start}.web-icon-stat{border:1px solid var(--border);background:#fff;border-radius:10px;align-content:center;justify-items:center;gap:.18rem;padding:.45rem;display:grid;position:relative}.web-icon-figure{place-items:center;display:grid;position:relative}.web-icon-value{color:#1f2a30;z-index:2;font-size:clamp(.95rem,.9rem + .16vw,1.15rem);font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.web-figure-proficiency{clip-path:polygon(25% 6%,75% 6%,94% 50%,75% 94%,25% 94%,6% 50%);z-index:1;background:linear-gradient(#fff8e5,#ffe8b6);border:2px solid #111;width:60px;height:56px;position:relative;box-shadow:inset 0 0 0 1px #ffffffb3,0 0 0 1px #111}.web-figure-evasion{background:radial-gradient(circle at 35% 32%,#fff 0%,#eef3fb 44%,#dde7f5 100%);border:2px solid #6f7a86;border-radius:999px;width:64px;height:64px;position:relative;box-shadow:inset 0 0 0 1px #ffffffa6}.web-figure-evasion:before,.web-figure-evasion:after{content:none}.web-figure-evasion .web-icon-value{color:#263746;text-shadow:0 1px #ffffffa8;top:50%}.web-figure-armor{clip-path:polygon(50% 2%,92% 19%,86% 70%,50% 98%,14% 70%,8% 19%);z-index:1;background:linear-gradient(#f7f9fc 0%,#dfe5ee 100%);border:2px solid #111;width:64px;height:66px;position:relative;box-shadow:inset 0 0 0 1px #ffffffa6,0 0 0 1px #111}.web-icon-stat.hex .web-icon-figure:after,.web-icon-stat.shield .web-icon-figure:after{content:"";pointer-events:none;z-index:3;border:3px solid #111;border-radius:999px;position:absolute;inset:-5px}.web-thresholds-card .damage-band{justify-content:center;align-items:center;gap:.24rem;min-width:0;padding:.22rem .44rem;line-height:1;display:flex}.web-thresholds-card .damage-band-row{grid-template-columns:minmax(0,1.25fr) auto minmax(0,1.25fr) auto minmax(0,1.25fr);gap:.34rem}.web-thresholds-card .damage-band-label,.web-thresholds-card .damage-band-value{line-height:1}.web-icon-label{font-size:var(--fs-small);color:var(--muted);font-weight:700}.web-core-main:hover~.value-hover-tooltip,.web-core-main:focus-within~.value-hover-tooltip,.web-icon-stat:hover>.value-hover-tooltip,.web-icon-stat:focus-within>.value-hover-tooltip,.web-thresholds-card:hover>.value-hover-tooltip,.web-thresholds-card:focus-within>.value-hover-tooltip{display:block}.web-cards-block{border-top:1px dashed var(--border);gap:.5rem;padding-top:.5rem;display:grid}.web-cards-block h3{margin:0}.web-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.web-card-item{border:1px solid var(--border);background:#fff;border-radius:10px;gap:.2rem;padding:.45rem;display:grid}.web-card-item>span{color:var(--muted);font-size:var(--fs-small)}.web-level1-static{cursor:pointer;opacity:1;filter:none}.web-level1-static:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 18px #00000029}.web-level1-static .level1-card-body{min-height:220px}.web-card-text-window{border:1px solid var(--border);background:#fff;border-radius:10px;gap:.4rem;padding:.55rem;display:grid}.web-card-text-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.web-card-text-head strong{font-size:var(--fs-body)}.web-card-modal-backdrop{z-index:70;background:#121a227a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.web-card-modal{border:1px solid var(--border);background:#fff;border-radius:12px;gap:.45rem;width:min(760px,100%);max-height:min(84vh,900px);padding:.7rem;display:grid;overflow:auto;box-shadow:0 20px 36px #0a121847}@media (width<=1700px) and (width>=881px){.section-nav,.back-scroll-rail{display:none}.mobile-section-nav{left:.8rem;right:.8rem;bottom:calc(env(safe-area-inset-bottom,0px) + .65rem);z-index:65;border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--surface) 94%, #fff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;gap:.34rem;padding:.42rem .48rem;display:grid;position:fixed;box-shadow:0 10px 26px #0e1d2533}.mobile-section-nav-head{justify-content:space-between;align-items:baseline;gap:.42rem;display:flex}.mobile-section-nav-title{font-size:var(--fs-small);color:color-mix(in srgb, var(--text) 92%, #202a30);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.mobile-section-nav-count{font-size:var(--fs-xs);color:color-mix(in srgb, var(--muted) 90%, #2d3a43);white-space:nowrap;font-weight:800}.mobile-section-nav-progress{background:color-mix(in srgb, var(--surface) 68%, #e4ebef);border-radius:999px;height:6px;overflow:hidden}.mobile-section-nav-progress-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 72%, #0f696b), #209790);height:100%;transition:width .2s;display:block}.mobile-section-nav-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;display:grid}.mobile-section-nav-btn{min-height:42px;font-size:var(--fs-small);border-radius:9px;padding:.3rem .45rem;font-weight:800}.mobile-section-nav-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-section-nav-track{-webkit-overflow-scrolling:touch;gap:.28rem;padding-bottom:.04rem;display:flex;overflow-x:auto}.mobile-section-pill{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));max-width:72vw;min-height:36px;color:color-mix(in srgb, var(--accent) 86%, #173031);font-size:var(--fs-xs);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:.26rem .62rem;font-weight:700}}@media (width<=880px){.web-sheet-top-grid,.web-core-grid,.web-icon-stats,.web-loadout-grid,.web-dual-stats,.web-damage-grid{grid-template-columns:1fr}.web-damage-hit,.web-damage-armor,.web-damage-thresholds{grid-area:auto}.web-sheet-meta,.web-sheet-kv{grid-template-columns:1fr}.web-core-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}.web-core-editor-grid label{grid-template-columns:1fr;align-items:stretch;gap:.16rem;min-height:0}.web-core-editor-grid label>span{white-space:normal;text-overflow:clip;min-height:2.1em;overflow:visible}.web-core-editor-grid .web-inline-input-mini{width:100%;min-width:0;max-width:none}.web-traits-full-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-companion-grid{grid-template-columns:1fr}.web-sheet-traits{grid-template-columns:repeat(2,minmax(0,1fr))}.web-cards-grid{grid-template-columns:1fr}}
