:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7efff;color:#251b33;--paper: #fff9ff;--ink: #251b33;--muted: #736180;--line: rgba(141, 101, 178, .22);--line-strong: rgba(117, 78, 154, .42);--red: #7d55b5;--red-dark: #4c2d72;--gold: #d6a84e;--green: #428170;--blue: #5d66b0;--pink: #d486c6;--paper-deep: #f3e6ff;--shadow: 0 24px 70px rgba(79, 48, 117, .18);--glow: 0 0 0 1px rgba(255, 255, 255, .74), 0 18px 50px rgba(117, 78, 154, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 16% 12%,rgba(255,229,251,.9),transparent 26rem),radial-gradient(circle at 92% 8%,rgba(206,189,255,.78),transparent 28rem),linear-gradient(90deg,rgba(126,86,181,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(126,86,181,.05) 1px,transparent 1px),linear-gradient(135deg,#fff7ff,#f3e9ff 48%,#f9efff);background-size:auto,auto,36px 36px,36px 36px,auto}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1480px;margin:0 auto 18px}.topbar h1{margin:0;color:var(--red-dark);font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,4.2rem);line-height:.98}.eyebrow,.subtle,.muted,small{color:var(--muted)}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:800}.subtle{margin:8px 0 0}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.save-pill,.icon-button,.add-button,.add-line,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px}.save-pill{padding:0 14px;background:#2e6a571a;color:var(--green);font-weight:800}.icon-button{width:40px;color:var(--ink);background:var(--paper);border:1px solid var(--line)}.icon-button:hover,.add-button:hover,.add-line:hover{border-color:var(--red);color:var(--red)}.icon-button.danger:hover{color:#fff;background:var(--red)}.hidden{display:none}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;max-width:1480px;margin:0 auto;align-items:start}.rail,.panel{background:#fffcf5f0;border:1px solid var(--line);box-shadow:var(--shadow)}.rail{position:sticky;top:18px;border-radius:12px;padding:18px}.portrait{display:grid;place-items:center;width:128px;height:128px;margin:0 auto 18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.5),transparent 28%),linear-gradient(135deg,var(--red),#2f3340);color:#fff;border:6px solid #eee1ca;font-family:Georgia,Times New Roman,serif;font-size:2.35rem;font-weight:900}.quick-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.metric{min-width:0;padding:12px;border-radius:8px;border:1px solid var(--line);background:#fff9ed}.metric span,label span,.label-row span,.stepper>span{display:block;color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.metric strong{display:block;margin-top:6px;font-size:1.35rem;line-height:1}.tabs{display:grid;gap:8px}.tabs button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border-radius:8px;color:var(--ink);background:transparent;text-align:left;font-weight:800}.tabs button.active,.tabs button:hover{color:#fff;background:var(--red)}.xp-block{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.label-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress-track{height:8px;margin:10px 0 6px;border-radius:999px;background:#e6ddcf;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--gold)}.content{min-width:0}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{border-radius:12px;padding:18px;min-width:0}.panel.wide{grid-column:1 / -1}.panel-title,.list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-title{justify-content:flex-start}.panel-title h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.28rem;color:var(--red-dark)}.form-grid,.spell-stat-grid,.level-controls,.advancement-grid,.coin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.form-grid.compact,.spell-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:6px;min-width:0}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:8px;padding:10px 12px;background:#fffdf8;color:var(--ink);outline:none}textarea{min-height:108px;resize:vertical}.tall-field textarea{min-height:280px}input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #9f2f2824}.class-list,.feature-stack,.item-list,.spell-list,.check-list{display:grid;gap:10px}.class-row,.editable-row,.spell-main,.resource-grid,.skills-grid,.split{display:grid;gap:12px}.class-row{grid-template-columns:1.1fr 110px 1fr}.split{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ability-card{display:grid;justify-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff9ed}.ability-card span{color:var(--red-dark);font-weight:900}.ability-card input{text-align:center;font-size:1.45rem;font-weight:900}.ability-card strong{font-size:1.3rem}.rank-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:#fffdf8}.rank-row>strong{color:var(--blue)}.rank-row>span{min-width:0;overflow-wrap:anywhere}.rank-buttons,.segmented{display:inline-flex;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:#fffdf8}.rank-buttons button,.segmented button{min-width:36px;min-height:32px;padding:0 10px;background:transparent;color:var(--ink);font-weight:900}.rank-buttons button+button,.segmented button+button{border-left:1px solid var(--line-strong)}.rank-buttons .selected,.segmented .selected{color:#fff;background:var(--blue)}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-metrics,.slot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.death-saves{display:grid;gap:12px;margin-top:18px}.stepper{display:grid;gap:8px}.stepper>div{display:flex;gap:6px;flex-wrap:wrap}.stepper button{width:18px;height:18px;border:2px solid var(--line-strong);border-radius:50%;background:#fffdf8}.stepper button.filled{background:var(--red);border-color:var(--red)}.add-button,.add-line{min-width:78px;padding:0 12px;border:1px solid var(--line-strong);background:#fffdf8;color:var(--ink);font-weight:900}.add-line{width:fit-content}.editable-row{grid-template-columns:1.1fr .55fr 1fr .75fr 1fr 40px;align-items:end;padding:12px;border-radius:8px;border:1px solid var(--line);background:#fff9ed}.inventory-row{grid-template-columns:1.2fr 90px 90px 120px 1fr 40px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.currency-row{grid-template-columns:minmax(0,1fr) minmax(78px,.55fr) 40px}.currency-row label:nth-of-type(3){grid-column:1 / -1}.currency-row .icon-button{grid-column:3;grid-row:1;align-self:end}.resource-card,.spell-card,.slot-card,.level-step{display:grid;gap:12px;padding:14px;border-radius:8px;border:1px solid var(--line);background:#fff9ed}.spell-main{grid-template-columns:minmax(180px,1fr) 90px minmax(140px,.7fr)}.spell-toggles{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spell-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:12px}.search-field{position:relative;display:block}.search-field svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-field input{padding-left:40px}.spell-chip-row,.dice-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.spell-chip-row button,.dice-presets button,.filter-toggle,.mini-roll{min-height:34px;padding:0 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fffdffdb;color:var(--ink);font-weight:900}.spell-chip-row button.selected,.filter-toggle.selected{color:#fff;background:linear-gradient(135deg,var(--red),#a66bcc)}.filter-toggle{display:inline-flex;align-items:center;gap:8px}.prepared-list{display:grid;gap:8px}.compact-spell-row,.action-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(90deg,#f6e6ffb8,#fff9ffd6),#fff9ff}.compact-spell-row strong,.action-card strong{display:block;color:var(--red-dark)}.compact-spell-row small,.action-card small{display:block;margin-top:3px;color:var(--muted)}.action-table{display:grid;gap:8px;margin-bottom:12px}.mini-roll{min-width:88px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-roll:disabled{opacity:.42}.toggle{display:inline-flex;align-items:center;width:fit-content;min-height:36px;gap:8px}.toggle input{width:18px;min-height:18px;accent-color:var(--red)}.slot-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.quick-roll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.compact-rolls{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-height:360px;overflow:auto;padding-right:4px}.roll-button{display:grid;gap:6px;min-height:72px;padding:12px;text-align:left;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at top,rgba(255,255,255,.92),transparent 46%),linear-gradient(180deg,#f6e6ffdb,#fff8ffe0);color:var(--ink);box-shadow:var(--glow)}.roll-button span{color:var(--muted);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.roll-button strong{color:var(--red-dark);font-size:1.35rem}.game-log-panel{align-self:start}.dice-roller{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:10px}.section-rule{height:1px;margin:12px 0;background:linear-gradient(90deg,transparent,rgba(125,85,181,.46),rgba(214,168,78,.48),transparent)}.log-stack{display:grid;gap:10px;margin-top:14px}.log-entry{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:10px;align-items:stretch;overflow:hidden;border:1px solid var(--line-strong);border-radius:12px;background:#fffdffc2}.log-entry>div{min-width:0;padding:12px}.log-entry strong,.log-entry small,.log-entry span,.log-entry p{display:block}.log-entry strong{color:var(--red-dark);overflow-wrap:anywhere}.log-entry small,.log-entry span,.log-entry p{color:var(--muted)}.log-entry span{margin-top:6px;font-weight:900}.log-entry p{margin:4px 0 0;overflow-wrap:anywhere}.log-entry b{display:grid;place-items:center;padding:10px;background:linear-gradient(180deg,#f6e6ffe6,#fff8ffeb);color:var(--red-dark);font-size:1.7rem}.coin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.level-controls{align-items:end;margin-bottom:16px}.level-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px}.level-step p,.level-step ul,.guide-block p,.guide-block ul{margin:0;color:var(--muted)}.level-step ul,.guide-block ul{padding-left:20px}.level-step,.builder-card,.builder-card summary>span:first-child,.builder-card-body,.builder-choice,.builder-select-grid{min-width:0}.guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.builder-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.builder-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.builder-tabs button{min-height:38px;padding:0 12px;border-radius:10px;background:#fffdffc7;border:1px solid var(--line-strong);color:var(--ink);font-weight:900}.builder-tabs button.selected{color:#fff;background:linear-gradient(135deg,var(--red),#a66bcc);box-shadow:0 10px 22px #754e9a33}.builder-stack{display:grid;gap:12px}.builder-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.94),transparent 46%),linear-gradient(180deg,#f6e6ffe6,#fff8ffeb);box-shadow:var(--glow)}.builder-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.builder-card summary::-webkit-details-marker{display:none}.builder-card summary strong{display:block;color:var(--red-dark);font-family:Georgia,Times New Roman,serif;font-size:1.04rem}.builder-card summary small{display:block;margin-top:3px}.builder-chevron{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;color:var(--red-dark);background:#ffffffb8;border:1px solid var(--line);font-weight:900}.builder-card-body{display:grid;gap:14px;padding:0 14px 14px}.builder-copy{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.builder-copy>strong,.builder-choice>div:first-child>strong{color:var(--ink)}.builder-copy ul{margin:0;padding-left:20px;color:var(--muted)}.builder-choice-stack{display:grid;gap:10px}.builder-choice{display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,1fr);gap:12px;align-items:start;padding:12px;border-radius:12px;border:1px solid var(--line);background:#fffdffb3}.builder-choice small{display:block;margin-top:4px}.choice-description{color:var(--muted);line-height:1.35}.builder-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px}.level-builder-inline .builder-card{box-shadow:none}.level-builder-inline .builder-card summary{padding:0 0 10px}.level-builder-inline .builder-card-body{padding:0}.level-builder-inline .builder-copy{font-size:.95rem}.level-builder-inline .builder-choice{grid-template-columns:1fr;padding:10px}.level-builder-inline .builder-select-grid{grid-template-columns:1fr}.level-builder-inline select{min-width:0}.guide-block{display:grid;align-content:start;gap:10px;min-width:0;padding:14px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle at top,rgba(255,255,255,.92),transparent 46%),linear-gradient(180deg,#f6e6ffdb,#fff8ffe0);box-shadow:var(--glow)}.guide-block>strong{color:var(--red-dark);font-family:Georgia,Times New Roman,serif;font-size:1.05rem}.guide-block div{display:grid;gap:8px}.primary-action{width:fit-content;min-height:44px;padding:0 16px;color:#fff;background:var(--red);font-weight:900}.primary-action:hover{background:var(--red-dark)}.topbar h1{text-shadow:0 2px 0 rgba(255,255,255,.9),0 12px 24px rgba(117,78,154,.22)}.save-pill{background:#ffffffad;border:1px solid rgba(66,129,112,.22)}.rail,.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffffe0,#fff9ffeb),var(--paper);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rail,.panel{border-radius:18px}.rail:before,.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent) top / 100% 1px no-repeat,linear-gradient(180deg,rgba(214,168,78,.36),transparent 34%) left / 1px 100% no-repeat,linear-gradient(180deg,rgba(214,168,78,.36),transparent 34%) right / 1px 100% no-repeat}.rail:after,.panel:after,.xp-block:before{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(125,85,181,.48),rgba(214,168,78,.5),rgba(125,85,181,.48),transparent)}.rail:after,.panel:after{margin-top:18px}.portrait{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.66),transparent 28%),radial-gradient(circle at 72% 72%,rgba(214,168,78,.74),transparent 26%),linear-gradient(135deg,#b887dc,#6f4aa5 50%,#3a2f62);border-color:#f1dff7;box-shadow:0 0 0 1px #754e9a33,0 18px 36px #4f307538}.metric,.ability-card,.editable-row,.resource-card,.spell-card,.slot-card,.level-step{border-radius:14px;box-shadow:var(--glow)}.metric,.ability-card,.resource-card,.spell-card,.slot-card,.level-step{background:radial-gradient(circle at top,rgba(255,255,255,.92),transparent 46%),linear-gradient(180deg,#f6e6ffdb,#fff8ffe0)}.editable-row,.rank-row{background:linear-gradient(90deg,#f6e6ffb8,#fff9ffd6),#fff9ff}.metric strong,.ability-card span,.panel-title h2{color:var(--red-dark)}.icon-button,input,select,textarea,.rank-buttons,.segmented,.stepper button,.add-button,.add-line{background:#fffdffdb;border-radius:10px;box-shadow:inset 0 1px #ffffffdb}.icon-button{box-shadow:0 8px 20px #4f30751a}.icon-button:hover,.add-button:hover,.add-line:hover{box-shadow:0 0 0 3px #d486c629}.tabs button{border-radius:10px}.tabs button.active,.tabs button:hover,.rank-buttons .selected,.segmented .selected{background:linear-gradient(135deg,var(--red),#a66bcc);box-shadow:0 10px 22px #754e9a3d}.xp-block{position:relative;border-top:0}.xp-block:before{position:absolute;top:0;left:4%;right:4%}.progress-track{background:#7d55b51f}.progress-track span,.stepper button.filled{background:linear-gradient(90deg,var(--pink),var(--gold))}.stepper button.filled{border-color:var(--red)}.panel-title,.list-header{position:relative}.panel-title:after,.list-header:after{content:"";flex:1;height:1px;margin-left:10px;background:linear-gradient(90deg,rgba(125,85,181,.46),rgba(214,168,78,.48),transparent)}.list-header .panel-title:after{display:none}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #d486c638}.toggle input{accent-color:var(--red)}.primary-action{background:linear-gradient(135deg,var(--red-dark),var(--red),var(--pink));box-shadow:0 14px 28px #754e9a47}.primary-action:hover{background:linear-gradient(135deg,#3e235f,var(--red-dark),var(--red))}:root[data-theme=dark]{color-scheme:dark;background:#0b0612;color:#f6ecff;--paper: #1a0d28;--ink: #f6ecff;--muted: #c9b5d9;--line: rgba(220, 178, 255, .18);--line-strong: rgba(220, 178, 255, .34);--red: #b78af1;--red-dark: #f1dcff;--gold: #f1c66f;--green: #87d8c6;--blue: #afa7ff;--pink: #f1a8dd;--paper-deep: #28123d;--shadow: 0 24px 70px rgba(0, 0, 0, .44);--glow: 0 0 0 1px rgba(229, 196, 255, .12), 0 18px 50px rgba(0, 0, 0, .35)}:root[data-theme=dark] body{background:radial-gradient(circle at 16% 12%,rgba(126,74,177,.24),transparent 28rem),radial-gradient(circle at 92% 8%,rgba(220,144,226,.18),transparent 30rem),linear-gradient(90deg,rgba(218,176,255,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(218,176,255,.04) 1px,transparent 1px),linear-gradient(135deg,#09050f,#160820 48%,#220f34);background-size:auto,auto,36px 36px,36px 36px,auto}:root[data-theme=dark] .topbar h1{text-shadow:0 0 18px rgba(217,168,255,.22),0 14px 28px rgba(0,0,0,.5)}:root[data-theme=dark] .save-pill{background:#87d8c61a;border-color:#87d8c62e}.theme-toggle{position:relative}:root[data-theme=dark] .theme-toggle{color:var(--gold)}:root[data-theme=dark] .rail,:root[data-theme=dark] .panel{background:linear-gradient(180deg,#26123aeb,#160821f0),var(--paper)}:root[data-theme=dark] .rail:before,:root[data-theme=dark] .panel:before{background:linear-gradient(90deg,transparent,rgba(246,220,255,.18),transparent) top / 100% 1px no-repeat,linear-gradient(180deg,rgba(241,198,111,.22),transparent 34%) left / 1px 100% no-repeat,linear-gradient(180deg,rgba(241,198,111,.22),transparent 34%) right / 1px 100% no-repeat}:root[data-theme=dark] .portrait{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 72% 72%,rgba(241,198,111,.38),transparent 26%),linear-gradient(135deg,#8f61d0,#4b2872 50%,#160b27);border-color:#3a1d55}:root[data-theme=dark] .metric,:root[data-theme=dark] .ability-card,:root[data-theme=dark] .resource-card,:root[data-theme=dark] .spell-card,:root[data-theme=dark] .slot-card,:root[data-theme=dark] .level-step,:root[data-theme=dark] .guide-block,:root[data-theme=dark] .builder-card{background:radial-gradient(circle at top,rgba(92,46,136,.38),transparent 48%),linear-gradient(180deg,#231036eb,#150820f0)}:root[data-theme=dark] .editable-row,:root[data-theme=dark] .rank-row,:root[data-theme=dark] .builder-choice,:root[data-theme=dark] .compact-spell-row,:root[data-theme=dark] .action-card,:root[data-theme=dark] .log-entry{background:linear-gradient(90deg,#301648e6,#1d0c2ceb),#180b25}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .rank-buttons,:root[data-theme=dark] .segmented,:root[data-theme=dark] .stepper button,:root[data-theme=dark] .add-button,:root[data-theme=dark] .add-line,:root[data-theme=dark] .builder-tabs button,:root[data-theme=dark] .builder-chevron,:root[data-theme=dark] .spell-chip-row button,:root[data-theme=dark] .dice-presets button,:root[data-theme=dark] .filter-toggle,:root[data-theme=dark] .mini-roll{background:#12081deb;color:var(--ink);border-color:var(--line-strong);box-shadow:inset 0 1px #f6dcff14}:root[data-theme=dark] option{background:#150921;color:var(--ink)}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{box-shadow:0 0 0 3px #b78af13d}:root[data-theme=dark] .builder-tabs button.selected,:root[data-theme=dark] .tabs button.active,:root[data-theme=dark] .tabs button:hover,:root[data-theme=dark] .rank-buttons .selected,:root[data-theme=dark] .segmented .selected,:root[data-theme=dark] .spell-chip-row button.selected,:root[data-theme=dark] .filter-toggle.selected{color:#150921;background:linear-gradient(135deg,#d9b4ff,#f1a8dd)}:root[data-theme=dark] .progress-track{background:#f6dcff1f}:root[data-theme=dark] .roll-button,:root[data-theme=dark] .log-entry b{background:radial-gradient(circle at top,rgba(92,46,136,.38),transparent 48%),linear-gradient(180deg,#231036eb,#150820f0)}:root[data-theme=dark] .icon-button.danger:hover{color:#170820}@media(max-width:1120px){.workspace{grid-template-columns:1fr}.rail{position:static}.tabs,.quick-stack,.combat-metrics,.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.app-shell{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.toolbar{width:100%;justify-content:flex-start}.page-grid,.split,.skills-grid,.resource-grid,.currency-grid,.guide-grid,.level-flow{grid-template-columns:1fr}.form-grid,.form-grid.compact,.spell-stat-grid,.level-controls,.advancement-grid,.builder-summary,.coin-grid,.combat-metrics,.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-row,.editable-row,.builder-choice,.currency-row,.inventory-row,.spell-main,.spell-tools,.dice-roller,.compact-spell-row,.action-card{grid-template-columns:1fr}}@media(max-width:540px){.form-grid,.form-grid.compact,.ability-grid,.spell-stat-grid,.level-controls,.advancement-grid,.builder-summary,.coin-grid,.combat-metrics,.slot-grid,.tabs,.quick-stack{grid-template-columns:1fr}.rank-row{grid-template-columns:54px minmax(0,1fr)}.rank-buttons{grid-column:1 / -1}}