@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Marcellus&display=swap";.actor-design-layout{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:start;gap:24px;display:grid}.actor-design-editor .checkbox-field{margin-top:14px}.actor-design-editor .actor-sheet-fields{border-top:1px solid var(--border,#3c493d);margin-top:20px;padding-top:18px}.actor-design-editor code{overflow-wrap:anywhere;font-size:11px}.actor-sheet-layout-note{color:#aab9a4;background:#18271f;border:1px solid #394d3a;border-radius:8px;flex-direction:column;gap:6px;margin:12px 0 16px;padding:12px;font-size:11px;line-height:1.6;display:flex}.actor-sheet-layout-note strong{color:#d3dfbf;font-size:13px}.actor-animation-head,.actor-animation-row{grid-template-columns:minmax(60px,1fr) repeat(3,minmax(44px,1fr));align-items:center;gap:8px;display:grid}.actor-animation-head{color:#98a792;margin-bottom:8px;font-size:10px}.actor-animation-row{margin-bottom:7px}.actor-animation-row strong{color:#b6c6a6;font-size:12px}.actor-animation-row input{width:100%;min-width:0}.actor-design-preview{text-align:center;background:radial-gradient(at 50% 45%,#34453655,#0000 70%);border:1px solid #3d4a39;border-radius:12px;min-width:0;padding:15px 10px}.actor-design-preview canvas{image-rendering:auto;width:100%;max-width:280px;height:auto;margin:auto;display:block}.actor-design-directions{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.actor-design-directions button{color:#9ead97;cursor:pointer;background:#17231d;border:1px solid #3b4d3b;border-radius:4px;padding:7px 1px;font-size:10px}.actor-design-directions button.selected{color:#dce7bb;background:#384c32;border-color:#8a9f62}.actor-design-directions button:focus-visible{outline-offset:2px;outline:2px solid #dbca8b}.actor-preview-controls{text-align:left;align-items:end;gap:8px;margin-top:15px;display:flex}.actor-preview-controls .field{flex:1;min-width:0;margin:0}.actor-preview-controls .button{min-height:39px;padding:8px 10px;font-size:11px}.actor-design-preview .field-note,.actor-design-preview .form-error{text-align:left;margin-bottom:0}.actor-sheet-status{color:#aebba5;overflow-wrap:anywhere;text-align:left;margin-top:12px;font-size:11px;line-height:1.65}.actor-sheet-status.error{color:#e4a993}.actor-sheet-status .text-button{margin-top:8px;display:block}.equipment-preview .actor-design-preview{background:0 0;border:0;margin:8px -8px;padding:4px 8px 10px}@media (max-width:1150px){.actor-design-layout{grid-template-columns:minmax(0,1fr)}.actor-design-preview{justify-self:center;width:100%;max-width:340px}}@media (max-width:600px){.actor-design-editor .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.actor-animation-head{font-size:9px}.actor-animation-head,.actor-animation-row{gap:5px}}.editor-shell fieldset.editor-body{border:0;min-width:0;margin:0;padding:0}.equipment-icon{--equipment-color:#a9bf81;--equipment-glow:#000;border:1px solid color-mix(in srgb, var(--equipment-color) 60%, #253323);background:radial-gradient(ellipse at 50% 35%, color-mix(in srgb, var(--equipment-color) 23%, #182319), #142017);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 3px #111a133d}.equipment-icon svg{image-rendering:pixelated;display:block}.equipment-bonuses{flex-wrap:wrap;gap:7px 12px;font-size:11px;line-height:1.5;display:flex}.equipment-bonuses strong{font-size:inherit;font-weight:600}.equipment-class-picker{border:0;margin:10px 0 0;padding:12px 0 0}.equipment-class-picker legend{color:#d1dfb9;padding:0;font-size:12px}.equipment-class-options{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.equipment-class-options .checkbox-field{background:#19291a;border:1px solid #3e5430;border-radius:5px;margin:0;padding:8px 11px}.equipment-class-options .checkbox-field.selected{background:#2c4124;border-color:#73934d}.equipment-editor-columns .field select:disabled{opacity:.7;cursor:not-allowed}.equipment-preview{min-width:0;padding:20px 18px;position:sticky;top:20px}.equipment-preview .panel-heading h3{font-size:12px}.equipment-preview-title{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:22px 0 0;display:flex}.equipment-preview-title h3{font:400 24px/1.2 var(--serif);overflow-wrap:anywhere;max-width:100%}.equipment-preview-title .eyebrow{letter-spacing:1.5px;font-size:9px}.equipment-preview-stage{background:radial-gradient(at 50% 70%,#465b2d55,#0000 65%);justify-content:center;align-items:flex-end;height:220px;padding:6px 0 14px;display:flex;position:relative;overflow:hidden}.equipment-preview-stage canvas{width:168px;height:192px;image-rendering:pixelated;z-index:1;position:relative}.equipment-preview-platform{background:#142316;border:1px solid #48603a;border-radius:50%;width:125px;height:48px;position:absolute;bottom:7px;box-shadow:0 7px #101c13}.equipment-directions{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:9px 0 15px;display:grid}.equipment-directions button{color:#9db987;background:#1c2d1b;border:1px solid #3b5130;border-radius:4px;padding:7px 3px;font-size:10px}.equipment-directions button.selected{color:#e2efcc;background:#3d542b;border-color:#99b574}.equipment-directions button:hover{border-color:#99b574}.equipment-preview-class{margin-bottom:18px;font-size:10px}.equipment-preview-class select{padding:9px;font-size:11px}.equipment-preview .equipment-bonuses{border-top:1px solid #3d532e;margin-top:17px;padding-top:17px}.equipment-price-preview{color:#d5c793;border-top:1px solid #3d532e;flex-wrap:wrap;gap:13px;margin-top:17px;padding-top:17px;font-size:11px;display:flex}.equipment-price-preview>span{align-items:center;gap:5px;display:inline-flex}.equipment-price-preview>span:last-child{color:#b2cf9b}.equipment-shop-status{color:#adad99;align-items:flex-start;gap:6px;margin:15px 0;font-size:10px;line-height:1.7;display:flex}.equipment-shop-status svg{flex-shrink:0;margin-top:2px}.equipment-shop-status.available{color:#b9d49b}.editor-shell .definition-list .equipment-icon{width:33px!important;height:33px!important}@media (max-width:1050px){.editor-shell .equipment-editor-columns{grid-template-columns:minmax(0,1fr)}.equipment-preview{position:static}.equipment-preview-stage{height:210px}}@media (max-width:700px){.editor-shell .editor-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-shell .editor-tabs>button[data-section=equipment]{grid-column:auto}.editor-shell .editor-tabs>button{min-width:0;font-size:10px}.equipment-preview{padding:20px}.equipment-preview .panel-heading h3{font-size:14px}.equipment-preview-class{font-size:12px}.equipment-preview-class select{font-size:13px}.equipment-directions{grid-template-columns:repeat(8,minmax(0,1fr))}.equipment-directions button{min-height:36px}.equipment-class-options{gap:7px}.equipment-class-options .checkbox-field{font-size:11px}}.editor-shell .editor-tabs>button[data-section=equipment]{grid-column:auto}.effect-editor-columns{align-items:start}.effect-preview{min-width:0;padding:19px;position:sticky;top:18px}.effect-preview .panel-heading{margin-bottom:15px}.effect-preview .panel-heading h3{font-size:13px}.effect-preview-canvas{aspect-ratio:11/7;width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;border:1px solid #405339;border-radius:6px;display:block}.effect-preview-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.effect-preview-controls .button{padding:9px 11px;font-size:11px}.effect-preview-controls .checkbox-field{margin:0 0 0 auto;font-size:11px}.effect-scrubber{margin-bottom:17px}.effect-scrubber>span{font-variant-numeric:tabular-nums;color:#abc191;font-size:10px}.effect-scrubber input[type=range]{accent-color:#c1d59b;cursor:pointer;width:100%;padding:0}.effect-preset-row,.effect-add-layer{align-items:end;gap:10px;margin:18px 0 3px;display:flex}.effect-preset-row .field,.effect-add-layer .field{flex:1;min-width:0}.effect-preset-row .button,.effect-add-layer .button{white-space:nowrap;min-height:40px;font-size:11px}.effect-layer-list{flex-direction:column;gap:7px;margin-top:16px;display:flex}.effect-layer-list>button{text-align:left;color:#d2ddbf;background:#19291d;border:1px solid #3d5031;border-radius:5px;align-items:center;gap:10px;width:100%;min-height:56px;padding:10px 12px;display:flex}.effect-layer-list>button.selected{background:#304526;border-color:#9dbb70;box-shadow:inset 3px 0 #aac779}.effect-layer-swatch{border-radius:2px;flex:0 0 8px;width:8px;height:27px}.effect-layer-name{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.effect-layer-name strong{font-size:11px;font-weight:600}.effect-layer-name small{color:#acb997;font-variant-numeric:tabular-nums;font-size:9px}.effect-layer-timeline{background:#101b14;border-radius:3px;width:28%;height:8px;position:relative;overflow:hidden}.effect-layer-timeline>i{border-radius:2px;height:100%;display:block;position:absolute;top:0}.effect-layer-toolbar{border-top:1px solid #3b5031;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:21px 0 16px;padding-top:18px;display:flex}.effect-layer-toolbar>strong{color:#e3eccf;font-size:12px}.effect-layer-toolbar>div,.effect-spell-links{flex-wrap:wrap;gap:6px;display:flex}.effect-layer-toolbar .small-button{min-height:30px;padding:6px 8px;font-size:10px}.spell-range-stage{aspect-ratio:36/25;width:100%;max-width:360px;margin-inline:auto;position:relative}.spell-range-stage>.spell-range-preview{width:100%;height:auto;max-height:none;margin:0;display:block}.spell-effect-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.effect-inline-link{margin-top:10px}.effect-inline-link .text-button{font-size:11px}@media (max-width:1100px){.editor-shell .effect-editor-columns{grid-template-columns:minmax(0,1fr)}.effect-preview{position:static}.effect-preview-canvas{background:#121e1a;max-width:534px;max-height:none;margin-inline:auto}}@media (max-width:700px){.effect-preview{padding:17px}.effect-layer-list>button{padding:10px}.effect-layer-timeline{width:22%}.effect-preset-row,.effect-add-layer{flex-wrap:wrap}.effect-preset-row .field,.effect-add-layer .field{flex-basis:100%}.effect-preview-controls .button{font-size:12px}}.level-editor{min-width:0}.level-view-tabs{border-bottom:1px solid #485a40;align-items:center;gap:6px;margin-bottom:18px;padding:0 0 13px;display:flex}.level-view-tabs>[role=tab]{color:#adbca0;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:10px 15px;font-size:12px;display:flex}.level-view-tabs>[role=tab].selected{color:#edf0cd;background:#354b34;border-color:#6e8455}.level-view-tabs>[role=tab]:hover{background:#2d4030}.level-history{gap:5px;margin-left:auto;display:flex}.level-history .icon-button{width:35px;height:35px;font-size:23px}.level-feedback{border-radius:7px;margin-bottom:15px;padding:12px 15px;font-size:12px;line-height:1.7}.level-feedback.error{color:#f3c9aa;background:#50352e;border:1px solid #845544}.level-feedback.success{color:#d3e9bc;background:#2c4635;border:1px solid #527b4b}.level-workspace{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:17px;display:grid}.level-board-panel{min-width:0;padding:13px;position:sticky;top:18px}.level-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.level-tools>button{color:#b9c8a5;min-height:49px;font:inherit;cursor:pointer;background:#24382b;border:1px solid #43543c;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:7px 5px;font-size:10px;display:flex}.level-tools>button.selected{color:#f2efd0;background:#4b603c;border-color:#c6c789}.level-tools>button:hover{border-color:#a4b581}.level-tool-hint{color:#a6baa0;min-height:37px;margin:11px 3px 7px;font-size:11px;line-height:1.7}.level-board-scroll{overscroll-behavior:contain;background:#15251f;border:1px solid #496044;border-radius:7px;min-height:280px;max-height:70dvh;overflow:auto}.level-board-scroll>svg{touch-action:none;outline-offset:-4px;min-width:100%;height:auto;display:block}.level-hit-cell{cursor:crosshair}.level-board-controls{color:#bac9aa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;padding:13px 2px 3px;font-size:10px;display:flex}.level-board-controls>label{align-items:center;gap:5px;display:flex}.level-board-controls input[type=range]{accent-color:#a8c37f;width:75px;min-width:0}.level-board-controls input[type=checkbox]{accent-color:#b3c68c}.level-legend{color:#91a58d;flex-wrap:wrap;gap:12px;padding:10px 2px 2px;font-size:9px;display:flex}.level-legend>span{align-items:center;gap:5px;display:flex}.level-legend i{border:1px solid #81916e;border-radius:2px;width:9px;height:9px;display:block}.level-legend .open{background:#42563d}.level-legend .blocked{background:#15221a}.level-legend .unreachable{background:#674342}.level-legend .exit{background:#81bdcc}.level-inspector{flex-direction:column;gap:14px;min-width:0;display:flex}.level-section{padding:18px}.level-section h3{margin:0 0 15px;font-size:15px}.level-section .field{margin:12px 0;font-size:11px}.level-section .field input,.level-section .field select{max-width:100%;font-size:12px}.level-section .field input[type=color]{width:100%;height:35px;padding:3px}.level-section .checkbox-field{margin:12px 0;font-size:11px;line-height:1.6}.level-section .button{padding:10px;font-size:11px}.level-section .field-note{margin:12px 0 0;font-size:10px;line-height:1.7}.level-cell-facts{color:#a4b699;flex-direction:column;gap:10px;font-size:11px;display:flex}.level-cell-facts>span{justify-content:space-between;gap:8px;display:flex}.level-cell-facts strong{color:#d8dfc2;text-align:right;max-width:145px;font-size:11px;font-weight:500}.level-section .count-badge{font-size:8px}.level-exit-summary{border-top:1px solid #43543e;flex-direction:column;gap:7px;margin-top:16px;padding-top:13px;display:flex}.level-exit-summary>strong{font-size:12px}.level-exit-summary>small{color:#a0b49a;font-size:10px}.level-exit-summary>.text-button{margin-top:3px;font-size:10px}.decoration-palette{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.decoration-palette>button{color:#b6c8a4;cursor:pointer;background:#203629;border:1px solid #3e553f;border-radius:6px;padding:4px 2px 7px}.decoration-palette>button.selected{background:#445a3e;border-color:#d3d396}.decoration-palette svg{width:100%;height:62px;display:block}.decoration-palette span{font-size:8px;line-height:1.3;display:block}.level-inline-warning{color:#eac19a;font-size:10px;line-height:1.6}.level-mini-map{background:#162b20;border:1px solid #486145;border-radius:6px;width:100%;margin:10px 0;display:block}.level-mini-map .selectable{cursor:pointer}.level-pattern-counts{color:#aabc9c;justify-content:space-between;margin:17px 0;font-size:11px;display:flex}.level-pattern-counts strong{color:#d6e3b8;margin-left:5px}.level-local-validation{color:#e2d0a2;background:#363526;border:1px solid #74603f;border-radius:8px;margin:17px 0;padding:17px 19px;font-size:12px}.level-local-validation ul{padding-left:20px;font-size:11px;line-height:1.9}.level-local-validation small{color:#bbad87}.level-settings{margin-top:18px;padding:0}.level-settings>summary{cursor:pointer;align-items:center;gap:10px;padding:20px;display:flex}.level-settings>summary strong{font-size:14px}.level-settings>summary span{color:#9fb097;margin-left:auto;font-size:11px}.level-settings-body{padding:0 21px 21px}.level-settings h4{margin:22px 0 13px;font-size:13px}.level-settings .field{font-size:11px}.level-settings .field input[type=color]{height:40px;padding:4px}.level-monster-pool{flex-wrap:wrap;gap:18px;display:flex}.level-monster-pool .checkbox-field{font-size:12px}.level-npcs{flex-direction:column;gap:8px;display:flex}.level-npcs>div{background:#203527;border-radius:6px;flex-wrap:wrap;align-items:center;gap:9px;padding:9px;display:flex}.level-npcs input{flex:1;min-width:140px;font-size:12px}.level-npcs span{color:#9eaf90;font-size:10px}.level-npc-add{align-items:center;gap:10px;margin-top:12px;display:flex}.level-npc-add select{max-width:210px;font-size:12px}.level-npc-add .button{font-size:12px}.level-json{tab-size:2;width:100%;min-height:65dvh;font-size:11px!important;line-height:1.7!important}.world-layout{min-width:0;padding:24px}.world-layout-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.world-layout-heading h3{margin:0 0 8px;font-size:20px}.world-layout-heading p{color:#a9bb9e;max-width:550px;margin:0;font-size:12px;line-height:1.8}.world-layout-heading>.button{white-space:nowrap;font-size:11px}.world-layout-toolbar{flex-wrap:wrap;gap:18px;margin:20px 0 15px;display:flex}.world-layout-toolbar .checkbox-field{font-size:11px}.world-layout-scroll{background:#14291c;border:1px solid #4a6246;border-radius:8px;max-height:70vh;overflow:auto}.world-layout-scroll svg{width:100%;min-width:580px;height:auto;display:block}.world-empty-place{cursor:crosshair}.world-empty-place:hover rect{fill:#385135;stroke:#b4ca91}.world-level-node{cursor:pointer}.world-level-node:hover rect{fill:#405d3f}.world-navigation{justify-content:center;align-items:center;gap:9px;margin-top:13px;display:flex}.world-navigation .icon-button{font-size:19px}.world-navigation .button{font-size:10px}.world-position-fields{border-top:1px solid #3a543b;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:24px 0 14px;padding-top:18px;display:flex}.world-position-fields>strong{align-self:center;margin-right:auto;font-size:15px}.world-position-fields .field{width:90px;margin:0;font-size:10px}.world-position-fields .field input{width:100%;font-size:12px}.world-position-fields>.button{font-size:11px}.world-connection-list{margin-top:22px}.world-connection-list h4{margin:0 0 12px;font-size:13px}.world-connection-list p{font-size:12px}.world-connection-list>div{border-top:1px solid #3e553e;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0;font-size:11px;display:flex}.world-connection-list>div>span,.world-connection-list>div>small{color:#b3c5a3}.world-connection-list>div>strong{margin-right:auto;font-size:12px}@media (min-width:1700px){.level-workspace{grid-template-columns:minmax(0,1fr) 310px}.level-tools>button{min-height:45px;font-size:11px}.level-board-scroll{max-height:78dvh}.level-inspector .level-section{padding:21px}.decoration-palette svg{height:72px}.decoration-palette span{font-size:9px}}@media (max-width:1250px){.level-workspace{grid-template-columns:minmax(0,1fr)}.level-board-panel{position:static}.level-inspector{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.level-tools{grid-template-columns:repeat(6,minmax(0,1fr))}.level-tools>button{flex-direction:column;gap:4px}.level-tool-hint{min-height:0}.level-board-scroll{max-height:74dvh}.level-tools>button{font-size:9px}.world-layout-heading{flex-direction:column;gap:12px}.world-layout{padding:18px}}@media (max-width:680px){.level-view-tabs{gap:0}.level-view-tabs>[role=tab]{gap:5px;padding:9px 8px;font-size:10px}.level-view-tabs>[role=tab] svg{width:13px}.level-history{gap:1px}.level-history .icon-button{width:28px;height:28px}.level-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.level-tools>button{min-height:47px;font-size:9px}.level-inspector{grid-template-columns:minmax(0,1fr)}.level-board-panel{padding:8px}.level-board-scroll{min-height:240px}.level-tool-hint{font-size:10px}.level-section{padding:16px}.decoration-palette svg{height:82px}.decoration-palette span{font-size:10px}.level-settings>summary{gap:7px;padding:16px}.level-settings>summary span{display:none}.level-settings-body{padding:0 15px 16px}.level-npcs input{flex:auto;width:100%;min-width:100%}.level-npcs span{margin-right:auto}.level-settings .form-grid.three{grid-template-columns:1fr 1fr}.world-layout{padding:15px}.world-layout-heading h3{font-size:17px}.world-layout-heading p{font-size:11px}.world-layout-toolbar{gap:8px}.world-position-fields>strong{width:100%;font-size:14px}.world-position-fields .field{width:70px}.world-position-fields{gap:9px}.world-layout-scroll svg{min-width:630px}.world-connection-list>div{gap:7px}.world-connection-list>div>small{width:100%}.level-local-validation{padding:13px;font-size:11px}.level-local-validation ul{font-size:10px}}.roster-page{background:radial-gradient(at 50% 32%,#263b323b,#0000 66%);min-height:100vh;padding:30px clamp(20px,5vw,78px) 60px}.roster-header{justify-content:space-between;align-items:center;gap:18px;max-width:1160px;margin:auto;display:flex}.roster-intro{text-align:center;max-width:900px;margin:64px auto 28px}.roster-intro h1{margin:12px 0;font-size:clamp(28px,3.2vw,45px)}.roster-intro p{color:var(--muted);line-height:1.65}.roster-count{border:1px solid var(--line);color:var(--muted);border-radius:20px;margin-top:10px;padding:6px 12px;font-size:12px;display:inline-flex}.roster-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1040px;margin:0 auto;display:grid}.roster-slot{border:1px solid var(--line);background:var(--surface);text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:342px;padding:26px 22px;transition:background .16s,border-color .16s;display:flex;position:relative}.roster-slot:disabled{cursor:wait}.roster-slot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.roster-character:hover,.roster-character.selected{border-color:var(--roster-color);background:color-mix(in srgb,var(--roster-color) 8%,var(--surface))}.roster-slot-number{letter-spacing:.14em;color:var(--muted);font-size:9px;position:absolute;top:17px;left:18px}.roster-emblem{width:88px;height:88px;color:var(--roster-color);background:color-mix(in srgb,var(--roster-color) 9%,transparent);box-shadow:0 0 32px color-mix(in srgb,var(--roster-color) 11%,transparent);border-radius:50%;place-items:center;margin:14px 0 22px;display:grid}.roster-slot>strong{overflow-wrap:anywhere;font-size:20px}.roster-class{color:var(--muted);align-items:center;gap:8px;margin-top:9px;font-size:12px;display:flex}.roster-class i{background:currentColor;border-radius:50%;width:3px;height:3px}.roster-location{color:var(--muted);align-items:center;gap:6px;margin-top:16px;font-size:11px;display:flex}.roster-details{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;font-size:10px;display:flex}.roster-details>span{background:#ffffff06;border-radius:4px;padding:4px 6px}.roster-chosen{min-height:19px;color:var(--roster-color);align-items:center;gap:6px;margin-top:23px;font-size:11px;display:flex}.roster-empty{color:var(--muted);background:#121f1a66;border-style:dashed}.roster-empty:hover{border-color:var(--accent);color:var(--text)}.roster-empty-icon{border:1px solid var(--line);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:20px;display:grid}.roster-empty>strong{font-size:15px}.roster-empty small{margin-top:9px;font-size:11px}.roster-play{text-align:center;margin:30px auto 0}.roster-play>.button{white-space:normal;min-width:250px;max-width:100%}.roster-play p{color:var(--muted);margin-top:15px;font-size:11px;line-height:1.8}.roster-error{max-width:1040px;margin:20px auto}.roster-create{max-width:650px;margin:24px auto;padding:26px}.roster-create h2{margin:8px 0 0}.roster-form-fields{border:0;min-width:0;margin:22px 0 0;padding:0}.roster-form-fields>.field{margin-bottom:20px}.roster-form-fields .class-picker{margin-bottom:18px}.roster-form-fields .field-note{margin-bottom:20px}@media (max-width:720px){.roster-page{padding:22px 18px 40px}.roster-intro{margin-top:38px}.roster-cards{grid-template-columns:1fr;gap:12px}.roster-slot{min-height:228px;padding:22px 18px}.roster-emblem{width:58px;height:58px;margin:6px 0 12px}.roster-emblem svg{width:34px;height:34px}.roster-chosen{margin-top:14px}.roster-empty{min-height:126px}.roster-empty-icon{width:35px;height:35px;margin-bottom:10px}.roster-create{padding:20px}.roster-create .section-title-row{align-items:flex-start}}.roster-intro>.eyebrow{justify-content:center}@media (max-width:600px){.character-roster-toggle{min-width:31px;padding:7px}.character-roster-toggle>span{display:none}}.equipment-layout{grid-template-columns:minmax(190px,.82fr) minmax(0,1.4fr);align-items:start;gap:22px;display:grid}.equipment-loadout,.equipment-bag{min-width:0}.equipment-loadout>.panel-heading{margin-bottom:12px}.equipment-slots{flex-direction:column;gap:7px;display:flex}.equipment-slot{background:#172218;border:1px solid #34442e;border-radius:6px;align-items:center;gap:5px;padding:7px;display:flex}.equipment-slot.filled{border-color:#586846}.equipment-slot>.icon-button{flex-shrink:0;width:27px;height:27px}.equipment-slot-select{text-align:left;color:#d4e1c0;background:0 0;border:0;flex:1;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.equipment-slot-select:disabled{opacity:1;cursor:default}.equipment-slot-select>span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.equipment-slot-select small{color:#8fa47c;font-size:9px}.equipment-slot-select strong{overflow-wrap:anywhere;font-size:11px}.equipment-slot-select em{color:#e5bb88;font-size:8px;font-style:normal}.empty-gear-icon{color:#758c62;border:1px dashed #47583c;border-radius:5px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.equipment-total{background:#151e16;border:1px solid #33422d;border-radius:6px;margin-top:18px;padding:14px}.equipment-total h3{margin-bottom:12px;font-size:10px}.equipment-total>div{justify-content:space-between;gap:8px;margin-top:8px;font-size:11px;display:flex}.equipment-total>div>span{color:#a0b28e;align-items:center;gap:6px;display:flex}.equipment-total small{color:#8ca078;font-size:9px;font-weight:400}.equipment-bag-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.equipment-bag-heading h3{font-size:13px}.equipment-bag-heading>div>span{color:#91a57c;margin-top:5px;font-size:10px;display:block}.equipment-bag-heading label{color:#9eb58a;align-items:center;gap:7px;font-size:10px;display:flex}.equipment-bag-heading select{color:#d9e5c8;max-width:120px;font:inherit;background:#142017;border:1px solid #44583a;border-radius:4px;padding:7px}.equipment-item-list{flex-direction:column;gap:7px;max-height:250px;padding-right:3px;display:flex;overflow-y:auto}.equipment-item{text-align:left;color:#d9e7c6;background:#1a281a;border:1px solid #3a4d32;border-radius:5px;align-items:center;gap:10px;padding:9px;display:flex}.equipment-item.selected{background:#2c3d24;border-color:#adca85}.equipment-item>span:nth-child(2){flex-direction:column;gap:5px;min-width:0;display:flex}.equipment-item strong{overflow-wrap:anywhere;font-size:12px}.equipment-item small{color:#9fb48c;font-size:10px}.equipment-worn{color:#c7dda5;white-space:nowrap;align-items:center;gap:3px;margin-left:auto;font-size:9px;display:flex}.equipment-unknown{color:#d2b08b;font-size:11px}.equipment-empty{text-align:center;color:#98ad85;flex-direction:column;align-items:center;gap:12px;padding:30px 15px;font-size:12px;display:flex}.equipment-empty p{margin:0;font-size:11px;line-height:1.8}.equipment-empty strong{color:#cfdfb7}.equipment-detail{background:#1d2b1c;border:1px solid #465c39;border-radius:7px;margin-top:16px;padding:16px}.equipment-detail-title{align-items:center;gap:12px;min-width:0;display:flex}.equipment-detail-title>div{min-width:0}.equipment-detail-title h3{color:#e0eccd;overflow-wrap:anywhere;font-size:15px}.equipment-requirements{color:#99b183;flex-wrap:wrap;gap:5px 9px;margin-top:6px;font-size:9px;display:flex}.equipment-detail>p,.blacksmith-item>p{color:#a6b995;margin:12px 0;font-size:11px;line-height:1.7}.equipment-bonuses{flex-wrap:wrap;gap:7px 12px;margin:12px 0;font-size:10px;display:flex}.equipment-bonuses>span{align-items:center;gap:4px;display:flex}.equipment-comparison{border-top:1px solid #364b2c;margin-bottom:14px;padding-top:11px}.equipment-comparison>strong{color:#9db18a;font-size:10px;font-weight:400}.equipment-comparison>div{flex-wrap:wrap;gap:6px 10px;margin-top:7px;font-size:10px;display:flex}.equipment-comparison .gain{color:#c7e6a1}.equipment-comparison .loss{color:#f1aaa0}.equipment-warning{margin:11px 0;line-height:1.7;color:#e5bd8c!important;font-size:10px!important}.blacksmith-wallet{color:#b0c096;background:#182419;border:1px solid #3b5031;border-radius:6px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:17px;padding:13px;font-size:11px;display:flex}.blacksmith-wallet>span{align-items:center;gap:6px;display:flex}.blacksmith-wallet>span:first-child{color:#d8bd82}.blacksmith-wallet>.button{margin-left:auto}.blacksmith-filters{grid-template-columns:minmax(0,1fr) 150px;gap:12px;margin-bottom:18px;display:grid}.blacksmith-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.blacksmith-item{background:#1c291b;border:1px solid #455b37;border-radius:7px;flex-direction:column;min-width:0;padding:16px;display:flex}.blacksmith-item>p{margin-bottom:0}.blacksmith-item .equipment-bonuses{margin-bottom:13px}.blacksmith-item-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:12px 0;display:flex}.equipment-owned{color:#8ba476;font-size:9px}.equipment-price{color:#cdddb3;gap:11px;font-size:11px;display:flex}.equipment-price>span{align-items:center;gap:4px;display:flex}.equipment-price>span:first-child{color:#ddc591}.blacksmith-item>.button{font-size:11px}.stat-gear-bonus{text-align:right;color:#a9c784;margin-top:2px;font-size:8px;font-weight:400;display:block}@media (max-width:600px){.equipment-layout{grid-template-columns:1fr;gap:20px}.equipment-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.equipment-slot{padding:6px}.equipment-slot-select{gap:6px}.equipment-slot-select strong{font-size:10px}.equipment-slot-select small{font-size:8px}.equipment-total{margin-top:12px}.equipment-item-list{max-height:220px}.blacksmith-catalog{grid-template-columns:1fr}.blacksmith-filters{grid-template-columns:minmax(0,1fr) 110px}.blacksmith-wallet{gap:11px}.blacksmith-wallet>.button{width:100%;margin-left:0}.equipment-detail{padding:13px}.equipment-worn{font-size:8px}.equipment-slot>.icon-button{width:21px;height:25px}}:root{color:#e6ebdd;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#101713;--surface:#18211b;--surface-raised:#1e2921;--line:#303c30;--line-soft:#263329;--text:#e6ebdd;--muted:#8f9f8e;--accent:#c4dba1;--accent-dark:#273a25;--gold:#d8bc85;--danger:#eb9b85;--serif:"Marcellus",Georgia,"Times New Roman",serif;background:#101713;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #d5e8b6}button svg{flex-shrink:0}a{color:var(--accent)}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400}h3,h4{font-weight:600}h3{font-size:14px}h4{font-size:13px}input,select,textarea{color:var(--text);background:#111b15;border:1px solid #354236;border-radius:5px;width:100%;min-width:0;padding:11px 12px;transition:border-color .15s}input:hover,select:hover,textarea:hover{border-color:#55634b}input::placeholder,textarea::placeholder{color:#647661}textarea{resize:vertical;line-height:1.6}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}input[type=color]{width:48px;height:41px;padding:3px}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}hr{border:0;border-top:1px solid var(--line);margin:20px 0}code{color:#a4b699;overflow-wrap:anywhere;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{letter-spacing:1.8px;color:#aabc9b;align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.button{color:#dbe6d0;background:#243022;border:1px solid #42503d;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:10px 15px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){background:#33432e;border-color:#71835f}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--accent);color:#21301d;border-color:var(--accent)}.button.primary:hover:not(:disabled){background:#d8e9ba;border-color:#d8e9ba}.button.secondary{color:#b9dfa7;background:#22382b}.button.small-button{min-height:33px;padding:7px 10px;font-size:11px}.button.full-width{width:100%}.icon-button{color:#9eae96;background:0 0;border:0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-button:hover{color:#f2f5e8;background:#31402e}.text-button{color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:inline-flex}.text-button:hover{text-decoration:underline}.text-button.centered{justify-content:center;width:100%;margin-top:8px}.danger,.danger-button{color:var(--danger)}.button.danger-button{background:#573b2d;border-color:#8b5944}.field{color:#b6c3ab;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:500;display:flex}.field input,.field select,.field textarea{font-size:13px;font-weight:400}.field-note{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.7}.form-error{color:#ffc1a8;background:#492f23;border:1px solid #744936;border-radius:4px;padding:10px 12px;font-size:12px;line-height:1.6}.error-text{color:#efac96}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#1b251e,#18221b);border-radius:8px}.panel-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.panel-heading h3{align-items:center;gap:8px;display:flex}.count-badge{color:#c1d5a7;white-space:nowrap;background:#2b3926;border-radius:4px;align-items:center;padding:4px 6px;font-size:9px;display:inline-flex}.segmented{background:#111b15;border:1px solid #394934;border-radius:6px;gap:3px;padding:3px;display:flex}.segmented button{color:#92a288;background:0 0;border:0;border-radius:3px;flex:1;padding:9px 13px;font-size:12px;font-weight:500}.segmented button.selected{color:#e1eccb;background:#34432b}.segmented.mini{border-color:#34422f;padding:2px}.segmented.mini button{padding:3px 7px;font-size:10px}.status-dot,.live-dot{background:#abd184;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #b4d88a35}.connection{color:#a8ba9a;align-items:center;gap:7px;font-size:10px;display:flex}.connection.connecting .status-dot{background:#d6b875;animation:1s infinite breathe}.connection.offline .status-dot{background:#d58a72}.connection.offline{color:#d2a18b}.element-fire{color:#ffad81}.element-earth{color:#c1dc8d}.element-water{color:#8bc9ea}.element-wind{color:#c6b4ec}.element-vitality{color:#e7a19e}.damage-text{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:70vh;padding:30px;display:flex}.loading-screen p{font-family:var(--serif);color:#c9d6ba;font-size:24px}.loading-rune{color:#c7dda5;filter:drop-shadow(0 0 18px #b1db6940);animation:2.3s infinite breathe}.loading-screen h1{font-size:32px}.loading-screen .error-text{color:#e7aa94;font:14px/1.6 DM Sans,sans-serif}.connecting-state{flex-direction:column;justify-content:center;align-items:center;display:flex}.connecting-state .loading-screen{min-height:60vh}.restricted-state{text-align:center;flex-direction:column;align-items:center;gap:25px;max-width:650px;margin:90px auto;padding:30px;display:flex}.restricted-state h1{font-size:30px;line-height:1.4}.restricted-state p{color:var(--muted);font-size:14px;line-height:1.8}.wordmark{font-family:var(--serif);letter-spacing:4px;color:#e3e9d6;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:24px;line-height:1.1;display:inline-flex}.brand-rune{width:43px;height:43px;color:var(--accent);background:#202d20;border:1px solid #516143;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 20px #bddb8820}.wordmark-small{text-align:center;letter-spacing:7px;color:#b7c69f;padding-left:4px;font:8px/1.8 DM Sans,sans-serif;display:block}.auth-page{background:radial-gradient(at 28% 48%,#2a3f2733,#0000 57%),#101713;max-width:1600px;min-height:100vh;margin:0 auto;padding:36px 6% 20px;overflow:hidden}.auth-top{justify-content:space-between;align-items:center;display:flex}.alpha-badge{letter-spacing:1.8px;color:#9baf87;border:1px solid #3a4832;border-radius:4px;padding:8px 11px;font-size:10px}.auth-layout{grid-template-columns:1.3fr 1fr;align-items:center;gap:70px;min-height:calc(100vh - 155px);padding:40px 0;display:grid}.auth-story{padding-top:25px}.tiny-line{background:#a6bd7c;width:26px;height:1px}.auth-story h1{letter-spacing:-1.5px;margin:21px 0;font-size:clamp(40px,4.6vw,67px);line-height:1.15}.auth-story h1 em{color:var(--accent);font-style:normal}.auth-story>p{color:#9aaa91;font-size:14px;line-height:1.9}.auth-art{max-width:520px;height:300px;margin-top:15px;position:relative}.art-glow{filter:blur(8px);background:radial-gradient(#bfe49428,#0000 65%);width:230px;height:230px;position:absolute;top:0;left:33%}.art-floor{opacity:.8;grid-template-columns:repeat(7,1fr);gap:2px;width:260px;height:260px;display:grid;position:absolute;top:16%;left:28%;transform:perspective(700px)rotateX(57deg)rotate(45deg)}.art-floor i{background:linear-gradient(140deg,#3c5034,#253b2c);border:1px solid #5168496b;display:block;box-shadow:3px 3px #16261b}.art-floor i:nth-child(3n){background:#30452d}.art-floor i:nth-child(4n){background:#344c32}.art-floor i:nth-child(7n){box-shadow:5px 5px #18251a}.art-gate{background:#a3d78a;border:12px solid #62764c;border-bottom:6px solid #8b9e68;border-radius:33px 33px 5px 5px;width:82px;height:122px;position:absolute;top:16%;left:49%;transform:skewY(-8deg);box-shadow:-7px 1px #324729,7px 4px #253923,0 3px 18px #bcf19c25}.art-gate:before{content:"";border:2px solid #c8e49c70;border-radius:25px 25px 0 0;position:absolute;inset:-5px;box-shadow:0 0 28px #c9f29c80,inset 0 0 20px #d4efae80}.art-gate-inner{background:radial-gradient(#274831 25%,#5b9453 60%,#c9f2a4);border-radius:20px 20px 0 0;animation:3s infinite breathe;position:absolute;inset:5px;box-shadow:inset 0 0 17px #c3ee9c}.art-gate span{background:#e7f5b7;width:5px;height:5px;position:absolute;top:38px;left:-9px;box-shadow:0 0 5px #e9f5b7}.art-gate span:nth-of-type(2){top:62px;left:auto;right:-9px}.art-gate span:nth-of-type(3){top:-10px;left:24px}.art-pixel-hero{background:#78925b;width:30px;height:42px;position:absolute;top:58%;left:38%;box-shadow:-8px 0 #566b45,8px 0 #94a373,-8px 28px 0 -3px #273421,8px 28px 0 -3px #273421}.art-pixel-hero:before{content:"";background:#c3b594;border-top:8px solid #90a079;width:26px;height:21px;position:absolute;top:-20px;left:2px;box-shadow:0 -5px #b2b79b}.art-pixel-hero:after{content:"";background:#d0d2a0;width:24px;height:8px;position:absolute;top:12px;left:3px;box-shadow:0 10px #3a4a2d}.art-pixel-hero i{background:#c2c8a3;width:5px;height:43px;position:absolute;top:-7px;left:-16px;box-shadow:0 0 9px #c4db8f44}.art-pixel-hero.mage{background:#b56c49;top:58%;left:67%;transform:scale(.86);box-shadow:-7px 5px #874d3b,7px 5px #b98152,0 26px 0 -3px #3b2d24}.art-pixel-hero.mage:before{background:#c9b49a;border-top:10px solid #b56c49;box-shadow:0 -5px #a06145}.art-pixel-hero.mage:after{background:#c49569;box-shadow:0 10px #5b4830}.art-pixel-hero.mage i{width:4px;height:64px;box-shadow:none;background:#997442;top:-20px;left:37px}.art-pixel-hero.mage i:before{content:"";background:#f3bd72;width:13px;height:14px;display:block;position:absolute;top:-7px;left:-4px;box-shadow:0 0 25px #f4ac6a}.art-sparks i{background:#d1efa8;width:3px;height:3px;animation:4s infinite float-up;position:absolute;top:26%;left:45%;box-shadow:0 0 8px #cbf79d}.art-sparks i:nth-child(2){animation-delay:1s;top:37%;left:65%}.art-sparks i:nth-child(3){animation-delay:2s;top:50%;left:58%}.art-sparks i:nth-child(4){animation-delay:.5s;top:29%;left:62%}.art-sparks i:nth-child(5){animation-delay:1.7s;top:60%;left:49%}.auth-features{color:#a4b095;flex-wrap:wrap;gap:20px;padding-top:9px;font-size:10px;display:flex}.auth-features span{align-items:center;gap:7px;display:flex}.auth-features svg{color:#b3cb90;width:15px;height:15px}.auth-card{background:linear-gradient(140deg,#202c21,#172019);border:1px solid #384831;border-radius:12px;justify-self:end;width:100%;max-width:430px;padding:32px;box-shadow:0 24px 80px #05090566}.auth-card-heading h2{margin-top:12px;font-size:34px}.auth-card-heading p{color:#9baa90;margin-top:9px;font-size:12px}.auth-tabs{margin:24px 0}.auth-card form{flex-direction:column;gap:18px;display:flex}.auth-card .button.primary{justify-content:space-between;min-height:45px;margin-top:5px;padding-inline:18px;font-size:13px}.auth-footnote{color:#7f9177;text-align:center;margin-top:20px;font-size:10px}.class-picker{border:0;flex-direction:column;gap:7px;margin:0;padding:0;display:flex}.class-picker legend{color:#b6c3ab;margin-bottom:10px;padding:0;font-size:12px}.class-choice{text-align:left;color:#91a180;background:#152018;border:1px solid #34432f;border-radius:5px;align-items:center;gap:12px;padding:12px;display:flex}.class-choice.selected{color:#d3e5ba;background:#2a3925;border-color:#91ac70}.class-choice>svg:first-child{color:var(--class-color)}.class-choice span{flex-direction:column;flex:1;gap:4px;display:flex}.class-choice strong{font-size:12px}.class-choice small{color:#91a180;font-size:10px}.auth-footer{color:#738568;letter-spacing:.5px;border-top:1px solid #2a3527;justify-content:space-between;gap:20px;padding-top:18px;font-size:9px;display:flex}.app-header{background:#161f18;border-bottom:1px solid #303d2e;align-items:center;gap:44px;height:76px;padding:0 28px;display:flex}.app-header .wordmark{font-size:20px}.app-header .brand-rune{width:37px;height:37px}.main-nav{align-items:stretch;gap:26px;height:100%;display:flex}.main-nav button{color:#92a287;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:2px 2px 0;font-size:12px;display:flex}.main-nav button.active{color:#d6e7ba;border-bottom-color:#bdce97}.header-right{align-items:center;gap:22px;margin-left:auto;display:flex}.header-character{color:#c2cfb4;font-size:12px}.game-shell{grid-template-columns:224px minmax(460px,1fr) 270px;align-items:start;gap:20px;max-width:1900px;margin:0 auto;padding:24px;display:grid}.sidebar-left,.sidebar-right{flex-direction:column;gap:14px;display:flex}.character-card{padding:18px 15px}.character-heading{align-items:center;gap:13px;display:flex}.portrait{width:48px;height:54px;color:var(--class-color);background:radial-gradient(#52704466,#25341f);border:1px solid #788856;border-radius:7px;flex-shrink:0;place-items:center;display:grid;position:relative}.portrait.mage{background:radial-gradient(#aa5e3f66,#33231c);border-color:#94634c}.portrait>span{color:#2c381f;text-align:center;background:#c4d99e;border-radius:3px;min-width:22px;padding:2px 4px;font-size:10px;font-weight:700;position:absolute;bottom:-7px}.character-heading .eyebrow{letter-spacing:1.5px;font-size:8px}.character-heading h2{overflow-wrap:anywhere;max-width:130px;margin:4px 0;font-size:19px}.character-heading .small{font-size:10px}.xp-label{color:#91a17f;justify-content:space-between;gap:8px;margin-top:24px;font-size:9px;display:flex}.meter{background:#10190f;border-radius:4px;height:4px;overflow:hidden}.meter span{background:#a7bd79;height:100%;display:block}.meter.xp{margin-top:7px}.health-row{color:#ccaa9b;align-items:center;gap:6px;margin-top:13px;font-size:11px;display:flex}.health-row .muted{color:#839477}.stats-panel{padding:17px 15px}.stats-panel .panel-heading{margin-bottom:14px}.stat-list{flex-direction:column;gap:12px;display:flex}.stat-row{color:#adba9d;align-items:center;gap:9px;font-size:12px;display:flex}.stat-symbol{align-items:center;display:flex}.stat-row>strong{color:#dce8c9;margin-left:auto;font-size:13px}.stat-add{color:#cce1b0;background:#2f4126;border:1px solid #4f6140;border-radius:3px;width:27px;height:23px;margin-left:4px;padding:0;font-size:10px}.stat-add:hover:not(:disabled){background:#567344}.stat-add:disabled{opacity:.27}.stat-footer{color:#879878;border-top:1px solid #2d3a29;justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;font-size:9px;display:flex}.satchel{padding:17px 15px}.satchel .panel-heading>svg{color:#8fa27c}.satchel-items{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.satchel-items>span{color:#c9b587;flex-direction:column;align-items:center;gap:7px;display:flex}.satchel-items>span:nth-child(2){color:#a9c997}.satchel-items>span:nth-child(3){color:#a8bbcc}.satchel-items strong{color:#e3ead8;font-size:13px}.satchel-items small{color:#899b7b;font-size:9px}.spellbook-link{text-align:left;color:#bfce9d;align-items:center;gap:12px;padding:15px;display:flex}.spellbook-link:hover{background:#253320;border-color:#63764f}.spellbook-link>span{flex-direction:column;flex:1;gap:4px;display:flex}.spellbook-link strong{color:#d9e7c6;font-size:12px}.spellbook-link small{color:#97ab84;font-size:10px}.sidebar-note{color:#859973;align-items:flex-start;gap:9px;padding:3px 8px;display:flex}.sidebar-note svg{flex-shrink:0;margin-top:2px}.sidebar-note p{font-size:10px;line-height:1.8}.sidebar-note strong{color:#afc293;font-weight:400}.location-header{justify-content:space-between;align-items:center;gap:15px;min-height:56px;margin:2px 0 17px;display:flex}.location-header .eyebrow{letter-spacing:1.2px;font-size:8px}.location-header h1{margin-top:5px;font-size:29px;line-height:1.2}.location-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.population{color:#92a681;white-space:nowrap;align-items:center;gap:5px;margin-right:5px;font-size:10px;display:flex}.map-frame{background:#121b19;border:1px solid #47523a;border-radius:7px;position:relative;overflow:hidden;box-shadow:0 7px 28px #060d0833}.game-canvas{aspect-ratio:1.375;width:100%;min-height:370px;max-height:740px}.game-canvas canvas{image-rendering:auto;display:block}.map-topline,.map-bottomline{pointer-events:none;letter-spacing:1.3px;color:#94aa86;justify-content:space-between;align-items:center;gap:15px;font-size:8px;display:flex;position:absolute;left:16px;right:16px}.map-topline{top:13px}.map-topline span{background:#132015a1;border-radius:2px;align-items:center;gap:6px;padding:4px 5px;display:flex}.map-topline .live-dot{width:4px;height:4px}.map-bottomline{letter-spacing:.1px;color:#b1c4a0;background:#152016bd;border-radius:3px;padding:7px 9px;font-size:9px;bottom:13px}.map-bottomline>span:last-child{white-space:nowrap;letter-spacing:1px;color:#8fa47e;font-size:8px}.actor-inspector{pointer-events:none;background:#182619ed;border:1px solid #556745;border-radius:4px;flex-direction:column;gap:4px;padding:9px 12px;font-size:11px;display:flex;position:absolute;top:39px;left:20px}.actor-inspector span{color:#afbf9f;font-size:9px}.fight-status{background:#302b1e;border:1px solid #65563b;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:12px 15px;display:flex}.fight-status>div{align-items:center;gap:11px;display:flex}.fight-status>div>div{flex-direction:column;gap:4px;display:flex}.fight-status strong{color:#e5d5af;font-size:12px}.fight-status small{color:#b0a286;font-size:10px}.fight-state-icon{color:#ccb47c;display:flex}.fight-status.your-turn{background:#293a25;border-color:#6f8650}.fight-status.your-turn strong{color:#d7ecc0}.fight-status.your-turn small{color:#b2c39f}.turn-clock{font-variant-numeric:tabular-nums;color:#e9dbb6;white-space:nowrap;align-items:center;gap:6px;font-size:19px;display:flex}.turn-clock.urgent{color:#f2ad8b}.connection-banner{background:#41351f;border:1px solid #80664a;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:12px;font-size:12px;display:flex}.action-dock{background:#1b261b;border:1px solid #384731;border-radius:7px;margin-top:12px;padding:15px}.action-dock-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.action-dock-heading .eyebrow{letter-spacing:1.4px;font-size:8px}.action-dock-heading .text-button{padding:0;font-size:9px}.action-dock-main{align-items:center;gap:16px;display:flex}.spells-row{flex-wrap:wrap;flex:1;gap:10px;display:flex}.spell-button{text-align:left;background:#23301f;border:1px solid #46553a;border-radius:5px;flex:1;align-items:center;gap:10px;min-width:0;max-width:260px;padding:7px 12px 7px 7px;display:flex;position:relative}.spell-button:hover:not(:disabled){background:#304025;border-color:#8b9f67}.spell-button.selected{background:#3b4b2c;border-color:#cfdfaa;box-shadow:0 0 12px #c5df9620}.spell-button-label{flex-direction:column;gap:5px;min-width:0;display:flex}.spell-button-label strong{color:#dae4c5;font-size:10px}.spell-button-label small{color:#9db386;white-space:nowrap;font-size:8px}.spell-slot{color:#8e9f79;font-size:7px;position:absolute;top:4px;right:5px}.spell-icon{background:radial-gradient(color-mix(in srgb,var(--spell-color) 20%,transparent),#172217);border:1px solid color-mix(in srgb,var(--spell-color) 47%,#203021);width:40px;height:40px;color:var(--spell-color);box-shadow:inset 0 0 12px color-mix(in srgb,var(--spell-color) 12%,transparent);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.spell-icon svg{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--spell-color) 60%,transparent))}.spell-icon:before,.spell-icon:after{content:"";background:var(--spell-color);opacity:.55;width:3px;height:3px;position:absolute;top:7px;left:6px}.spell-icon:after{inset:auto 6px 6px auto}.spell-icon.large{border-radius:8px;width:62px;height:62px}.turn-resources{flex-shrink:0;align-items:center;gap:14px;padding-left:5px;display:flex}.turn-resources>span{color:#9ab786;flex-direction:column;align-items:center;gap:2px;font-size:9px;display:flex}.turn-resources>span strong{color:#cce4ac;font-size:26px;font-weight:500;line-height:1}.turn-resources>span.mp{color:#91adc2}.turn-resources>span.mp strong{color:#a6ccdf}.dock-hint{color:#8fa47b;align-items:center;gap:8px;margin-top:14px;font-size:10px;line-height:1.6;display:flex}.dock-hint svg{flex-shrink:0}.prep-actions,.combat-actions{border-top:1px solid #38472f;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding-top:15px;display:flex}.prep-actions>span{color:#bacda4;align-items:center;gap:6px;font-size:11px;display:flex}.combat-actions .button{font-size:11px}.combat-actions .button .muted{font-size:9px}.selected-spell-detail{color:#a8bd95;border-top:1px solid #3c4c32;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:12px;font-size:10px;display:flex}.selected-spell-detail .friendly-warning{color:#c6b486;width:100%;font-size:9px}.journey-panel{padding:21px 19px}.journey-panel h2{margin-top:13px;font-size:24px;line-height:1.25}.journey-panel>p,.encounter-panel>p{color:#9aac8e;margin-top:13px;font-size:11px;line-height:1.8}.journey-art{color:#b7cc93;justify-content:center;align-items:center;height:106px;margin:6px 0;display:flex;position:relative}.journey-art:before{content:"";background:radial-gradient(#b1d8761f,#0000 70%);width:90px;height:90px;position:absolute}.journey-art svg{filter:drop-shadow(0 0 14px #b8db8233)}.journey-art:after{content:"";border:1px solid #718b4844;border-radius:50%;width:75px;height:22px;position:absolute;bottom:10px;transform:rotate(-5deg)}.journey-step{align-items:center;gap:12px;padding:9px 0;display:flex}.journey-step>span{color:#bacb98;border:1px solid #4b5a3a;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.journey-step p{color:#a8b996;font-size:10px;line-height:1.65}.journey-panel>.button{margin-top:17px}.encounter-panel{padding:20px 17px}.encounter-panel h2{margin-top:12px;font-size:24px}.monster-roster{flex-direction:column;gap:9px;margin:18px 0;display:flex}.monster-roster>div{align-items:center;gap:8px;display:flex}.monster-roster strong{color:#c2d1b4;flex:1;font-size:10px;font-weight:500}.monster-roster>div>span:last-child{color:#93a481;font-size:9px}.monster-pip{background:#263321;border:1px solid #3f5034;border-radius:4px;padding:5px;display:inline-flex}.encounter-summary{color:#a7b88f;border-top:1px solid #394731;justify-content:space-between;align-items:center;gap:8px;margin:16px 0;padding-top:13px;font-size:9px;display:flex}.encounter-summary span{align-items:center;gap:5px;display:flex}.npc-emblem{color:#c9daab;background:radial-gradient(#b9d98118,#0000 64%);place-items:center;height:88px;margin-top:12px;display:grid}.npc-emblem+h2{text-align:center}.npc-emblem~.button{margin-top:20px}.chat-panel{overflow:hidden}.chat-panel .panel-heading{border-bottom:1px solid #31402d;margin:0;padding:15px 15px 12px}.chat-panel .panel-heading h3{font-size:12px}.chat-panel .panel-heading svg{color:#a8bb93}.live-label{letter-spacing:1px;color:#9bb688;align-items:center;gap:5px;font-size:8px;display:flex}.live-label .status-dot{width:4px;height:4px}.chat-messages{scrollbar-width:thin;scrollbar-color:#45593c transparent;height:215px;padding:13px;overflow-y:auto}.chat-empty{color:#5e7456;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;display:flex}.chat-empty p{color:#a8ba98;font-size:10px}.chat-empty>span{color:#7e9471;font-size:9px;line-height:1.8}.chat-message{overflow-wrap:anywhere;margin-bottom:11px;font-size:11px;line-height:1.6}.chat-message>strong{color:#bdd4a3;margin-right:5px;font-size:10px}.chat-message>p{color:#bbc6b0;display:inline}.chat-time{color:#6d8660;float:right;margin-left:7px;padding-top:2px;font-size:8px;display:block}.chat-form{background:#152017;border-top:1px solid #31402d;align-items:center;gap:6px;padding:10px;display:flex}.chat-form input{background:#101b13;border-color:#33472e;padding:9px;font-size:11px}.chat-form>button{color:#c4dba7;background:#304727;border:1px solid #51663d;border-radius:4px;place-items:center;width:32px;height:33px;display:grid}.battle-panel{padding:17px 14px}.battle-panel .count-badge{font-size:8px}.initiative-list{flex-direction:column;gap:5px;max-height:400px;margin-bottom:10px;display:flex;overflow-y:auto}.initiative-row{border:1px solid #0000;border-radius:4px;align-items:center;gap:9px;padding:8px;display:flex}.initiative-row.active{background:#36462a;border-color:#73834e}.initiative-row.fallen{opacity:.35}.initiative-row>div{flex-direction:column;flex:1;gap:4px;display:flex}.initiative-row strong{color:#d2dfbf;font-size:10px;font-weight:500}.initiative-row small{color:#92a980;font-size:8px}.initiative-row>svg{color:#c7dba1}.team-dot{background:#bdd89c;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}.team-dot.monsters{background:#d3a17b}.combat-log{padding:15px}.combat-log h3{font-size:12px}.combat-log>.panel-heading{margin-bottom:10px}.combat-log>div:last-child{max-height:150px;overflow-y:auto}.combat-log p{color:#9baf8d;margin-bottom:6px;font-size:9px;line-height:1.8}.combat-log p:last-child{color:#d1dfbf}.toast-stack{z-index:1000;pointer-events:none;flex-direction:column;gap:9px;width:min(440px,100vw - 40px);display:flex;position:fixed;bottom:22px;right:24px}.toast{pointer-events:auto;color:#d2e5bd;background:#263b25f5;border:1px solid #728f52;border-radius:6px;align-items:center;gap:10px;padding:11px 12px;font-size:12px;line-height:1.5;animation:.2s ease-out toast-in;display:flex;box-shadow:0 10px 35px #0008}.toast>span{flex:1}.toast>svg{flex-shrink:0}.toast.error{color:#f3d1b4;background:#453024f5;border-color:#ad7854}.toast .icon-button{width:23px;height:23px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:500;background:#050b08c9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:linear-gradient(145deg,#243024,#19231a);border:1px solid #5b6d47;border-radius:12px;width:min(100%,520px);max-height:calc(100dvh - 48px);padding:26px;overflow-y:auto;box-shadow:0 30px 100px #0008}.modal-wide{width:min(100%,820px)}.modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.modal-header h2{margin-top:8px;font-size:29px;line-height:1.2}.modal-header .eyebrow{color:#aecb8d;font-size:9px}.modal-header .icon-button{margin-top:-6px;margin-right:-7px}.modal-intro{color:#afc29b;margin-bottom:22px;font-size:12px;line-height:1.9}.inline-notice{color:#c9d5a9;background:#2f3c24;border:1px solid #5a6b3b;border-radius:5px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:12px;font-size:11px;display:flex}.realm-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.realm-card{background:radial-gradient(at 90% 15%,color-mix(in srgb,var(--realm-accent) 15%,transparent),#1c281c);text-align:left;border:1px solid #4a5b39;border-radius:7px;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;padding:14px;display:flex;position:relative}.realm-card:disabled{opacity:.65}.realm-card:hover:not(:disabled){border-color:var(--realm-accent);background:color-mix(in srgb,var(--realm-accent) 12%,#1c281c);transform:translateY(-2px)}.realm-number{color:#6e8a5a;font-size:9px;position:absolute;top:10px;right:10px}.realm-card>svg{color:var(--realm-accent);margin:5px 0 7px}.realm-card>strong{color:#dde8cc;font-size:12px}.realm-card>span:not(.realm-number){color:#a4b991;font-size:9px}.realm-card>small{color:#7c9967;margin-top:auto;padding-top:3px;font-size:8px}.spellbook-layout{grid-template-columns:215px minmax(0,1fr);gap:24px;display:grid}.spellbook-list{flex-direction:column;gap:8px;display:flex}.spellbook-list>button{text-align:left;background:#1a281a;border:1px solid #3c4e30;border-radius:5px;align-items:center;gap:10px;padding:9px;display:flex}.spellbook-list>button.selected{background:#35452a;border-color:#95ab68}.spellbook-list>button>span:last-child{flex-direction:column;gap:5px;display:flex}.spellbook-list strong{font-size:11px}.spellbook-list small{color:#a5bc8d;font-size:9px}.spellbook-title{align-items:center;gap:14px;display:flex}.spellbook-title h2{font-size:25px}.spellbook-title p{color:#a2b68c;margin-top:8px;font-size:10px}.rank-selector{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:22px 0;display:grid}.rank-selector>button{background:#1e2c1b;border:1px solid #495b34;border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:11px 5px;display:flex;position:relative}.rank-selector>button>span{color:#bbd39b;font-size:15px;font-weight:500}.rank-selector>button>small{color:#8fa875;font-size:8px}.rank-selector>button.learned{background:#30412a}.rank-selector>button.selected{background:#435631;border-color:#d3e4ac}.rank-selector>button>i{background:#d7e7b1;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-3px}.spell-stat-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.spell-stat-grid>div{flex-direction:column;gap:6px;display:flex}.spell-stat-grid>div>span{color:#8eaa79;font-size:10px}.spell-stat-grid strong{color:#d6e4c3;gap:5px;font-size:12px;font-weight:500;display:flex}.spellbook-note{color:#b6b68c;margin:20px 0;font-size:10px;line-height:1.7}.upgrade-panel{border-top:1px solid #495e35;justify-content:space-between;align-items:center;gap:15px;padding-top:19px;display:flex}.upgrade-panel>div{flex-direction:column;gap:7px;display:flex}.upgrade-panel strong{font-size:12px;font-weight:500}.upgrade-panel>div>span{color:#9eb382;font-size:9px;line-height:1.6}.help-list{flex-direction:column;gap:24px;display:flex}.help-list>div{align-items:flex-start;gap:14px;display:flex}.help-list>div>svg{color:#b3d092;flex-shrink:0;margin-top:1px}.help-list h3{color:#d9e6c6;margin-bottom:7px;font-size:13px}.help-list p{color:#a4b792;font-size:11px;line-height:1.9}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.result-icon{color:#b6d68c;background:radial-gradient(#bbdf7622,#0000 60%);justify-content:center;align-items:center;height:110px;display:flex}.result-icon.defeat{color:#c9a48e}.result-copy{text-align:center;color:#aec39a;margin:12px 0 22px;font-size:12px;line-height:1.8}.reward-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0 28px;display:grid}.reward-grid>span{background:#2c3d23;border:1px solid #566a3e;border-radius:6px;flex-direction:column;gap:8px;padding:15px;display:flex}.reward-grid strong{color:#d0e5a7;font-size:25px;font-weight:400}.reward-grid small{color:#a1b786;font-size:10px}.editor-shell{max-width:1550px;margin:0 auto;padding:34px 30px 20px}.editor-heading{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.editor-heading h1{margin:10px 0;font-size:34px}.editor-heading>div>p{color:#94a787;font-size:12px}.editor-heading .eyebrow{font-size:9px}.editor-publish{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.revision-badge{color:#a7c88b;letter-spacing:.6px;white-space:nowrap;background:#20301d;border:1px solid #45583a;border-radius:4px;padding:7px 8px;font-size:9px;display:inline-flex}.draft-status{color:#97b580;align-items:center;gap:5px;margin-right:9px;font-size:10px;display:flex}.draft-status.unsaved{color:#d3bf8b}.draft-status.unsaved .status-dot{background:#d3bf8b}.editor-body{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:24px;display:grid}.editor-library{padding:10px;position:sticky;top:20px}.editor-tabs{border-bottom:1px solid #34482d;grid-template-columns:1fr 1fr;gap:4px;padding-bottom:14px;display:grid}.editor-tabs>button{text-align:left;color:#98af85;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:10px 7px;font-size:10px;display:flex}.editor-tabs>button>span{opacity:.6;margin-left:auto;font-size:8px}.editor-tabs>button.selected{color:#d3e8b6;background:#34482a}.library-search{margin:14px 0 10px}.library-search input{border-color:#35492c;padding:9px 10px;font-size:11px}.definition-list{scrollbar-width:thin;scrollbar-color:#465f36 transparent;flex-direction:column;gap:5px;min-height:220px;max-height:calc(100vh - 360px);display:flex;overflow-y:auto}.definition-list>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:10px;min-width:0;padding:9px 7px;display:flex}.definition-list>button:hover{background:#263823}.definition-list>button.selected{background:#32442a;border-color:#5b7440}.definition-list>button>span:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.definition-list strong{color:#cfdfba;overflow-wrap:anywhere;font-size:11px;font-weight:500}.definition-list small{color:#88a575;overflow-wrap:anywhere;font-size:8px}.definition-list .spell-icon{width:33px;height:33px}.definition-list .spell-icon svg{width:21px;height:21px}.definition-symbol{color:#a8c18a;background:#243b21;border:1px solid #4f6839;border-radius:4px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.library-add{background:#22351e;border-style:dashed;width:100%;margin-top:12px}.empty-list{color:#8ca477;text-align:center;padding:20px 8px;font-size:12px}.editor-main{min-width:0}.editor-entity-heading{border-bottom:1px solid #35482c;justify-content:space-between;align-items:center;gap:15px;margin:0 0 21px;padding:4px 0 20px;display:flex}.editor-entity-heading h2{margin:9px 0;font-size:30px}.editor-entity-heading .eyebrow{font-size:8px}.editor-two-columns{grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:20px;display:grid}.editor-fields{min-width:0}.editor-section{margin-bottom:18px;padding:21px}.editor-section>h3{margin-bottom:18px;font-size:14px}.editor-section .field-note+div{margin-top:16px}.section-title-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-title-row h3{font-size:14px}.section-title-row .small{font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;margin-bottom:12px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid>.full-field{grid-column:1/-1}.editor-section .field{color:#a4ba90;font-size:10px}.editor-section .field input,.editor-section .field select,.editor-section .field textarea{border-color:#3e5430;padding:10px;font-size:12px}.editor-section .checkbox-field{color:#a8bf94;font-size:10px}.checkbox-field{align-items:center;gap:8px;margin:13px 0;line-height:1.5;display:flex}.checkbox-field input{flex-shrink:0;margin:0}.damage-lines-heading{justify-content:space-between;align-items:center;gap:10px;margin:22px 0 12px;display:flex}.damage-lines-heading h4{font-size:11px}.damage-lines-heading>span{font-size:9px}.damage-line-editor{grid-template-columns:minmax(80px,1fr) 1fr 1fr auto;align-items:end;gap:10px;margin-bottom:12px;display:grid}.damage-line-editor .icon-button{color:#d5a283;margin-bottom:4px}.damage-line-editor .field{font-size:9px}.editor-ranks{margin:12px 0 22px}.editor-ranks>button{padding:10px 4px}.spell-preview{padding:18px;position:sticky;top:20px}.spell-preview .panel-heading h3{font-size:12px}.preview-spell-heading{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.preview-spell-heading>strong{font-family:var(--serif);text-align:center;font-size:20px;font-weight:400}.spell-range-preview{width:100%;height:auto;margin-top:8px;display:block}.preview-cell{cursor:pointer}.preview-cell:hover{stroke:#dfebba;stroke-width:1.8px}.preview-legend{color:#a9ba99;flex-wrap:wrap;justify-content:center;align-items:center;gap:11px;font-size:8px;display:flex}.preview-legend span{align-items:center;gap:4px;display:flex}.preview-legend i{background:#496378;width:7px;height:7px;display:inline-block;transform:rotate(45deg)}.preview-legend .area{background:#b38d58}.preview-legend .caster{background:#9dc78c}.preview-legend .enemy{background:#ce8d76}.preview-legend .blocked{background:#101b16;border:1px solid #62784f}.preview-hint{color:#829a70;margin:15px 0;font-size:9px;line-height:1.7}.preview-summary{color:#a7bf92;border-top:1px solid #3d532e;justify-content:space-between;align-items:center;margin-bottom:15px;padding-top:15px;font-size:9px;display:flex}.preview-summary strong{color:#d2e2bd;font-size:9px}.preview-damage{border-top:1px solid #3d532e;margin-top:19px;padding-top:18px}.preview-damage>.field{margin-bottom:17px;font-size:10px}.preview-damage>div{color:#a8c093;justify-content:space-between;align-items:center;font-size:10px;display:flex}.preview-damage strong{color:#d1e5b7;font-size:20px;font-weight:400}.preview-damage .field-note{font-size:9px}.preview-cast-effect{color:var(--fx-color);filter:drop-shadow(0 0 5px var(--fx-color));pointer-events:none;animation:.9s ease-out both spell-fade}.color-input{gap:7px;min-width:0;display:flex}.color-input input[type=color]{cursor:pointer;flex-shrink:0;width:40px;padding:3px}.color-input input:not([type=color]){flex:1;min-width:0}.inline-stat{color:#abc38f;background:#2a3d20;border:1px solid #53673c;border-radius:5px;align-items:center;gap:8px;margin-top:20px;padding:12px 14px;font-size:11px;display:flex}.inline-stat strong{color:#d5e8b9;margin-left:auto;font-size:16px;font-weight:400}.inline-stat svg{color:#dcaa8b}.assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.spell-assignment{cursor:pointer;background:#192c19;border:1px solid #3c542f;border-radius:5px;align-items:center;gap:10px;padding:10px;display:flex}.spell-assignment.selected{background:#2f4525;border-color:#809f56}.spell-assignment input{flex-shrink:0}.spell-assignment>span:last-child{flex-direction:column;gap:6px;min-width:0;display:flex}.spell-assignment strong{font-size:11px;font-weight:500}.spell-assignment small{color:#9dbb83;font-size:9px;line-height:1.7}.spell-assignment .damage-text{font-size:9px}.monster-scaling-preview{border-top:1px solid #3d532e;grid-template-columns:1.4fr repeat(3,1fr);align-items:center;gap:20px;margin-top:20px;padding-top:20px;display:grid}.monster-scaling-preview>span{flex-direction:column;align-items:center;gap:7px;display:flex}.monster-scaling-preview small{color:#96b17e;font-size:9px}.monster-scaling-preview strong{color:#d3e6b5;font-size:22px;font-weight:400}.map-editor-columns{grid-template-columns:minmax(0,1fr) 330px}.json-editor{tab-size:2;white-space:pre;color:#b9d39e;scrollbar-width:thin;scrollbar-color:#506b39 #142011;min-height:430px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace!important;font-size:10px!important}.json-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;display:flex}.json-actions .small{font-size:10px}.map-preview-panel{padding:18px;position:sticky;top:20px}.map-preview-panel .panel-heading h3{font-size:12px}.map-preview-panel .field{font-size:10px}.map-pattern-preview{width:100%;height:auto;margin:20px 0 15px;display:block}.map-preview-info{flex-direction:column;gap:14px;margin:25px 0 10px;display:flex}.map-preview-info>span{color:#a2bc8b;justify-content:space-between;align-items:center;font-size:10px;display:flex}.map-preview-info strong{color:#d4e6b8;font-size:12px}.editor-validation{color:#cee2b2;background:#2c4020;border:1px solid #7d9456;border-radius:6px;margin:0 0 22px;padding:14px 18px;font-size:12px;line-height:1.6}.editor-validation.success{align-items:center;gap:10px;display:flex}.editor-validation.error{color:#e7c7a5;background:#392c1f;border-color:#9d734e}.editor-validation.error strong{font-size:13px}.editor-validation ul{overflow-wrap:anywhere;margin:10px 0 0;padding-left:18px;font-size:11px;line-height:1.8}.editor-footer{color:#78945f;border-top:1px solid #304627;justify-content:space-between;gap:20px;margin-top:25px;padding-top:18px;font-size:9px;display:flex}.empty-editor{color:#8fac79;text-align:center;padding:50px;font-size:14px}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes float-up{0%{opacity:0;transform:translateY(12px)}40%{opacity:.8}to{opacity:0;transform:translateY(-35px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spell-fade{0%{opacity:.2}15%{opacity:1}to{opacity:0}}@media (min-width:1700px){.game-shell{grid-template-columns:250px minmax(650px,1fr) 300px;gap:24px;padding:30px}.sidebar-left,.sidebar-right{gap:18px}.character-card,.stats-panel,.satchel{padding:22px 19px}.stat-list{gap:15px}.chat-messages{height:270px}.journey-panel{padding:26px}.action-dock{padding:18px}.spell-button{max-width:300px}.spell-button-label strong{font-size:12px}.spell-button-label small{font-size:10px}}@media (max-width:1250px){.game-shell{grid-template-columns:195px minmax(400px,1fr) 235px;gap:13px;padding:18px}.app-header{gap:35px;padding-inline:22px}.header-right{gap:14px}.location-actions>.population{display:none}.location-header h1{font-size:27px}.location-header .small-button{gap:5px;padding:6px 8px;font-size:9px}.location-actions{gap:5px}.character-heading{gap:10px}.character-heading h2{max-width:110px;font-size:17px}.character-heading .small{font-size:9px}.character-heading .portrait{width:41px;height:48px}.character-card,.stats-panel,.satchel{padding:15px 12px}.stats-panel h3{font-size:12px}.stats-panel .count-badge{font-size:8px}.stat-list{gap:11px}.stat-row{gap:7px;font-size:11px}.game-canvas{min-height:355px}.spell-button{gap:7px;padding:6px}.spell-icon{width:35px;height:35px}.spell-button-label strong{font-size:9px}.spell-button-label small{font-size:8px}.action-dock-main,.turn-resources{gap:10px}.turn-resources strong{font-size:23px!important}.journey-panel{padding:18px 15px}.journey-panel h2{font-size:23px}.journey-panel>p{font-size:10px}.journey-step p{font-size:9px}.journey-step{gap:8px}.encounter-panel{padding:17px 13px}.monster-roster strong{font-size:9px}.monster-roster>div>span:last-child,.encounter-summary{font-size:8px}.editor-two-columns{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.editor-body{grid-template-columns:220px minmax(0,1fr);gap:18px}.editor-section{padding:18px}.editor-shell{padding:27px 22px}.form-grid.three{grid-template-columns:1fr 1fr}.map-editor-columns{grid-template-columns:minmax(0,1fr) 280px}.damage-line-editor{gap:6px}.damage-lines-heading{flex-direction:column;align-items:flex-start;gap:5px}.spell-preview{padding:15px}.editor-heading>div>p{font-size:11px}.editor-publish .button{padding:8px 10px;font-size:10px}.editor-publish{gap:7px;max-width:400px}.draft-status{font-size:9px}.revision-badge{font-size:8px}}@media (max-width:1050px){.game-shell{grid-template-columns:minmax(440px,1fr) 260px;gap:17px;padding:20px}.sidebar-left{grid-column:1/-1;grid-template-columns:1.2fr 1.25fr 1fr;gap:16px;display:grid}.sidebar-left .spellbook-link{grid-area:2/3;align-self:end;min-height:60px;margin-top:-50px}.sidebar-left .satchel{align-self:start;min-height:144px}.sidebar-note{display:none}.character-card{grid-area:1/1/3}.stats-panel{grid-area:1/2/3}.stats-panel .panel-heading{margin-bottom:10px}.stat-list{gap:8px}.stat-footer{margin-top:11px;padding-top:9px}.character-card{flex-direction:column;justify-content:center;display:flex}.character-heading h2{max-width:none;font-size:21px}.character-heading .portrait{width:48px;height:55px}.xp-label{margin-top:23px}.game-canvas{min-height:350px}.location-header{min-height:50px}.location-actions{max-width:210px}.sidebar-right{padding-top:69px}.action-dock .spell-button-label strong{font-size:10px}.header-right .connection{font-size:9px}.auth-layout{gap:35px}.auth-card{padding:26px}.auth-story h1{font-size:48px}.auth-features{gap:14px;font-size:9px}.auth-art{transform-origin:0;height:280px;transform:scale(.95)}.editor-two-columns{grid-template-columns:1fr}.spell-preview{grid-template-columns:1fr 1fr;gap:0 22px;display:grid;position:static}.spell-preview>.panel-heading{grid-column:1/-1}.preview-spell-heading{grid-column:1;margin:10px 0}.spell-range-preview{grid-area:3/1/7;max-height:220px}.preview-legend{grid-area:7/1}.preview-hint{grid-area:3/2}.preview-summary{grid-area:4/2;align-self:start}.spell-preview>.button{grid-area:5/2;align-self:start}.preview-damage{grid-area:6/2/8;margin-top:14px;padding-top:15px}.preview-damage .field-note{display:none}.map-preview-panel{position:static}.map-pattern-preview{max-height:350px}.editor-heading{align-items:flex-start}.editor-body{grid-template-columns:200px minmax(0,1fr)}.editor-tabs>button{gap:4px;padding:10px 5px;font-size:9px}.editor-tabs>button svg{width:14px}.assignment-grid{grid-template-columns:1fr}.monster-scaling-preview{gap:12px}.monster-scaling-preview strong{font-size:18px}.editor-library{padding:8px}.definition-list strong{font-size:10px}.definition-list small{font-size:7px}.definition-list>button{gap:8px}}@media (max-width:800px){.auth-page{padding:28px 25px 18px}.auth-layout{grid-template-columns:1fr 1fr;gap:22px}.auth-story h1{font-size:38px}.auth-story>.eyebrow{letter-spacing:1px;font-size:8px}.auth-story>p{font-size:12px}.auth-art{transform-origin:0 0;width:420px;margin-bottom:-50px;transform:scale(.8)}.auth-features{flex-direction:column;gap:12px}.auth-card{padding:23px}.auth-card-heading h2{font-size:29px}.auth-card-heading .eyebrow{letter-spacing:1px;font-size:8px}.auth-card .field{font-size:11px}.app-header{gap:25px;height:67px;padding-inline:18px}.main-nav{gap:18px}.main-nav button{gap:6px;font-size:10px}.header-right{gap:10px}.header-character{display:none}.header-right .connection{font-size:8px}.app-header .wordmark{font-size:18px}.app-header .brand-rune{width:32px;height:32px}.app-header .brand-rune svg{width:23px;height:23px}.app-header .wordmark-small{letter-spacing:5px;font-size:7px}.game-shell{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.adventure-column{grid-row:1}.sidebar-left{grid-area:2}.sidebar-right{grid-row:3;grid-template-columns:1fr 1fr;align-items:start;padding-top:0;display:grid}.sidebar-right .combat-log{grid-column:1/-1}.location-header{margin-bottom:12px}.location-header .eyebrow{font-size:8px}.location-actions{max-width:none}.location-actions>.population{display:flex}.game-canvas{min-height:390px;max-height:620px}.spell-button{gap:11px;padding:9px}.spell-icon{width:40px;height:40px}.spell-button-label strong{font-size:11px!important}.spell-button-label small{font-size:9px!important}.turn-resources>span strong{font-size:29px!important}.turn-resources{gap:18px;padding:0 8px}.action-dock{padding:17px}.character-card,.stats-panel,.satchel{padding:17px 13px}.stats-panel .panel-heading{gap:4px}.sidebar-left .panel-heading h3{font-size:12px}.sidebar-left .panel-heading .count-badge{font-size:7px}.character-heading h2{font-size:19px}.character-heading .small{font-size:8px}.character-heading .portrait{width:40px;height:47px}.sidebar-left .spellbook-link{padding:12px;font-size:12px}.spellbook-link strong{font-size:11px}.spellbook-link small{font-size:9px}.sidebar-left{gap:11px}.satchel-items{gap:4px}.satchel-items small{font-size:8px}.sidebar-left .stats-panel .stat-row{font-size:10px}.journey-panel h2{font-size:26px}.journey-panel>p{font-size:11px}.journey-step p{font-size:10px}.chat-messages{height:275px}.realm-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.realm-card{padding:11px}.realm-card>strong{font-size:11px}.realm-card>span:not(.realm-number){font-size:8px}.realm-card>small{font-size:7px}.editor-heading{flex-direction:column;gap:20px}.editor-publish{justify-content:flex-start;width:100%;max-width:none}.editor-body{grid-template-columns:175px minmax(0,1fr);gap:14px}.editor-shell{padding:25px 16px}.editor-tabs{grid-template-columns:1fr}.definition-list{max-height:calc(100vh - 480px)}.definition-list .spell-icon{width:29px;height:29px}.definition-list .spell-icon svg{width:18px;height:18px}.definition-list>button{gap:6px;padding:8px 5px}.definition-list strong{font-size:9px}.editor-section{padding:16px}.editor-entity-heading h2{font-size:27px}.editor-entity-heading .button{padding:8px;font-size:9px}.editor-entity-heading{align-items:flex-start}.editor-section .field input,.editor-section .field select,.editor-section .field textarea{padding:9px;font-size:11px}.spell-preview{padding:18px;display:block}.preview-spell-heading{margin-top:22px}.spell-range-preview{max-height:230px}.preview-damage .field-note{display:block}.monster-scaling-preview{grid-template-columns:1fr 1fr}.assignment-grid .spell-assignment strong{font-size:10px}.form-grid{gap:14px}.damage-line-editor{grid-template-columns:1fr 1fr 1fr auto}.damage-line-editor .field{font-size:8px}.damage-line-editor .field input,.damage-line-editor .field select{padding:8px 5px;font-size:10px}.damage-line-editor .icon-button{width:18px}.editor-ranks{gap:4px}.rank-selector>button{padding:10px 3px}.editor-ranks>button>small{font-size:7px}.json-actions{flex-direction:column;align-items:flex-start}.map-preview-panel{padding:16px}}@media (max-width:600px){body{min-width:360px}.auth-page{padding:23px 22px}.auth-layout{grid-template-columns:1fr;gap:28px;padding:32px 0}.auth-story{padding-top:10px}.auth-story h1{margin:19px 0;font-size:44px}.auth-story>p{font-size:13px}.auth-art{display:none}.auth-features{gap:8px;margin-top:23px;font-size:10px}.auth-card{justify-self:center;max-width:none;padding:25px}.auth-footer{align-items:center;gap:10px;font-size:8px;line-height:1.6}.auth-footer>span:last-child{text-align:right;max-width:110px}.auth-top .wordmark{font-size:21px}.alpha-badge{padding:7px 9px;font-size:8px}.app-header{gap:18px;height:61px;padding-inline:12px}.app-header .wordmark{gap:7px;font-size:16px}.app-header .wordmark-small{letter-spacing:4.8px;font-size:6px}.app-header .brand-rune{width:29px;height:29px}.main-nav{gap:12px}.main-nav button{gap:0;padding-inline:5px;font-size:0}.main-nav button svg{width:19px;height:19px}.header-right{gap:5px}.header-right .connection{gap:4px;font-size:7px}.status-dot{width:5px;height:5px}.game-shell{gap:16px;padding:13px 10px}.location-header{gap:6px;min-height:50px}.location-header h1{font-size:26px}.location-header .eyebrow{letter-spacing:1px;gap:4px;font-size:6px}.location-header .eyebrow svg{width:10px}.location-actions{gap:5px;max-width:155px}.location-actions>.population{display:none}.location-header .small-button{gap:5px;min-height:31px;padding:6px 7px;font-size:8px}.location-header .small-button:first-of-type{display:none}.game-canvas{aspect-ratio:1.15;min-height:350px;max-height:480px}.map-topline,.map-bottomline{left:9px;right:9px}.map-topline{letter-spacing:.7px;font-size:6px;top:9px}.map-bottomline{padding:6px;font-size:7px;line-height:1.6;bottom:8px}.map-bottomline>span:last-child{font-size:6px}.action-dock{margin-top:10px;padding:12px}.action-dock-heading{margin-bottom:10px}.action-dock-heading .eyebrow{font-size:7px}.spells-row{gap:7px}.spell-button{gap:7px;max-width:100%;padding:6px}.spell-button .spell-icon{width:32px;height:32px}.spell-button .spell-icon svg{width:21px;height:21px}.spell-button-label strong{line-height:1.5;font-size:8px!important}.spell-button-label small{font-size:7px!important}.action-dock-main{gap:10px}.turn-resources{gap:10px;padding:0 2px}.turn-resources>span{font-size:7px}.turn-resources>span strong{font-size:22px!important}.dock-hint{gap:6px;margin-top:12px;font-size:8px}.sidebar-left{grid-template-columns:1fr 1fr;gap:11px;display:grid}.character-card{grid-area:1/1;min-height:185px}.stats-panel{grid-area:1/2/3}.sidebar-left .satchel{grid-area:2/1;min-height:127px}.sidebar-left .spellbook-link{grid-area:3/1/auto/-1;min-height:57px;margin-top:0}.sidebar-left .spellbook-link strong{font-size:12px}.sidebar-left .spellbook-link small{font-size:10px}.stat-list{gap:18px}.stats-panel .panel-heading{flex-direction:column;align-items:flex-start;margin-bottom:18px}.stats-panel .panel-heading .count-badge{font-size:8px}.sidebar-left .stats-panel .stat-row{font-size:11px}.stat-footer{gap:6px;margin-top:22px}.stat-footer>span{font-size:8px}.character-heading{gap:9px}.character-heading h2{max-width:95px;font-size:17px}.character-heading .eyebrow{font-size:7px}.character-heading .small{font-size:8px}.character-heading .portrait{width:37px;height:44px}.character-heading .portrait>svg{width:27px}.character-card,.stats-panel,.satchel{padding:15px 11px}.xp-label{margin-top:22px;font-size:8px}.health-row{font-size:10px}.sidebar-right{grid-template-columns:1fr;gap:14px}.journey-panel{padding:20px}.journey-panel h2{font-size:29px}.journey-art{height:90px}.journey-step{padding:8px 0}.journey-step p{font-size:11px}.chat-messages{height:230px}.chat-empty>span{font-size:10px}.chat-empty p{font-size:11px}.chat-message{font-size:12px}.chat-message>strong{font-size:11px}.chat-form input{padding:12px;font-size:13px}.chat-form>button{width:40px;height:40px}.chat-panel .panel-heading h3{font-size:13px}.chat-panel .panel-heading{padding:17px}.fight-status{gap:6px;padding:11px}.fight-status strong{font-size:10px}.fight-status small{font-size:8px;line-height:1.7}.fight-status>div{gap:8px}.turn-clock{font-size:17px}.fight-state-icon svg{width:18px}.prep-actions{gap:8px}.prep-actions>span{font-size:8px;line-height:1.6}.prep-actions .button{gap:6px;padding:9px;font-size:9px}.combat-actions{flex-wrap:wrap;gap:8px}.combat-actions .button{padding:9px 10px;font-size:9px}.combat-actions .button .muted{font-size:7px}.combat-actions .button svg{width:15px}.selected-spell-detail{font-size:9px}.selected-spell-detail .friendly-warning{font-size:8px}.encounter-panel{padding:22px}.monster-roster{gap:10px}.monster-roster strong{font-size:12px}.monster-roster>div>span:last-child{font-size:10px}.encounter-panel>p{font-size:12px}.encounter-summary{font-size:10px}.initiative-row strong{font-size:12px}.initiative-row small{font-size:10px}.initiative-row{padding:10px}.modal-backdrop{align-items:center;padding:12px}.modal{max-height:calc(100dvh - 24px);padding:22px 18px}.modal-header h2{font-size:25px}.modal-header .eyebrow{letter-spacing:1.4px;font-size:8px}.modal-intro{font-size:11px}.realm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.realm-card{min-height:143px;padding:14px}.realm-card>strong{font-size:13px}.realm-card>span:not(.realm-number){font-size:10px}.realm-card>small{font-size:9px}.realm-number{font-size:10px}.inline-notice{flex-direction:column;align-items:flex-start;gap:11px;font-size:11px}.spellbook-layout{grid-template-columns:1fr;gap:23px}.spellbook-list{flex-flow:wrap}.spellbook-list>button{flex:1;min-width:130px}.spellbook-list strong{font-size:10px}.spellbook-list small{font-size:8px}.spellbook-list .spell-icon{width:34px;height:34px}.spellbook-title h2{font-size:25px}.spellbook-title p{font-size:10px}.upgrade-panel{gap:9px}.upgrade-panel>div>span{font-size:8px}.upgrade-panel strong{font-size:11px}.upgrade-panel .button{padding:9px;font-size:10px}.reward-grid{gap:8px}.reward-grid>span{padding:12px 8px}.reward-grid strong{font-size:23px}.result-copy{font-size:11px}.toast-stack{width:calc(100vw - 24px);bottom:14px;right:12px}.toast{padding:10px;font-size:11px}.editor-shell{padding:24px 12px}.editor-heading{gap:17px;margin-bottom:20px}.editor-heading h1{font-size:30px}.editor-heading>div>p{font-size:11px;line-height:1.7}.editor-heading .eyebrow{font-size:8px}.editor-publish{justify-content:space-between;gap:7px}.editor-publish .revision-badge{order:0}.editor-publish .draft-status{flex:1;order:1;justify-content:flex-end;margin-right:0}.editor-publish .button{flex:1;order:2;padding:9px;font-size:10px}.editor-body{flex-direction:column;gap:22px;display:flex}.editor-library{width:100%;padding:10px;position:static}.editor-tabs{grid-template-columns:repeat(4,1fr);gap:4px;padding-bottom:10px}.editor-tabs>button{justify-content:center;gap:5px;padding:9px 4px;font-size:10px}.editor-tabs>button>span{display:none}.editor-tabs>button>svg{width:13px}.library-search{margin-top:10px}.library-search input{font-size:12px}.definition-list{grid-template-columns:1fr 1fr;gap:5px;min-height:0;max-height:205px;display:grid}.definition-list>button{padding:8px}.definition-list strong{font-size:10px}.definition-list small{font-size:8px}.definition-list .spell-icon{width:33px;height:33px}.library-add{font-size:11px}.editor-main{width:100%}.editor-entity-heading h2{font-size:28px}.editor-entity-heading .button{gap:5px;font-size:9px}.editor-entity-heading .button svg{width:14px}.editor-entity-heading{margin-bottom:18px;padding-bottom:17px}.editor-section{padding:19px 15px}.editor-section .field{font-size:11px}.editor-section .field input,.editor-section .field select,.editor-section .field textarea{padding:11px 9px;font-size:13px}.form-grid.three{grid-template-columns:1fr 1fr}.editor-section .checkbox-field{font-size:11px}.field-note{font-size:10px;line-height:1.8}.damage-lines-heading h4{font-size:12px}.damage-lines-heading>span{font-size:10px}.damage-line-editor{grid-template-columns:1fr 1fr 1fr auto;gap:7px}.damage-line-editor .field{font-size:9px}.damage-line-editor .field input,.damage-line-editor .field select{padding:10px 7px;font-size:11px}.spell-preview{padding:20px}.spell-preview .panel-heading h3{font-size:14px}.preview-spell-heading>strong{font-size:25px}.spell-range-preview{max-height:260px}.preview-legend{gap:13px;font-size:10px}.preview-hint,.preview-summary,.preview-summary strong,.preview-damage>.field{font-size:11px}.preview-damage .field-note{font-size:10px}.preview-damage>div{font-size:11px}.assignment-grid .spell-assignment strong{font-size:12px}.spell-assignment small,.spell-assignment .damage-text{font-size:10px}.map-preview-panel{padding:20px}.map-pattern-preview{max-height:320px}.map-preview-info>span,.map-preview-panel .field{font-size:12px}.json-editor{font-size:10px!important}.editor-footer{gap:20px;font-size:8px;line-height:1.8}.editor-footer>span:last-child{text-align:right}.editor-validation{padding:13px;font-size:11px}.editor-validation ul{font-size:10px}.color-input input[type=color]{width:36px;height:42px}.color-input input:not([type=color]){font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html{scrollbar-gutter:stable;overflow-y:scroll}.game-shell>*{min-width:0}.adventure-column{overflow-anchor:none;min-width:0}.map-frame{overflow-anchor:none;width:100%;min-width:0}.game-canvas{contain:size layout;position:relative;overflow:hidden}.game-canvas canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.selected-spell-detail{overflow-anchor:none;flex-flow:column;justify-content:flex-start;align-items:flex-start;gap:7px;height:100px;min-height:100px;display:flex;overflow-y:auto}.spell-detail-values{flex-wrap:wrap;align-items:center;gap:6px 12px;max-width:100%;display:flex}.spell-detail-values>span:first-child{flex-wrap:wrap;gap:5px;display:flex}.spell-selection-status{color:#d2e1bb;font-size:10px;line-height:1.5}.selected-spell-detail>.muted{font-size:9px;line-height:1.6}.spell-button.preview-only{border-style:dashed}.spell-button.preview-only.selected{border-style:solid}.spell-button:focus-visible{outline-offset:3px;outline:2px solid #d7e6af}@media (max-width:600px){.selected-spell-detail{height:116px;min-height:116px}.spell-selection-status{font-size:9px}.selected-spell-detail>.muted{font-size:8px}}.game-shell.compact-game-shell{max-width:1900px;padding:13px 20px 22px;display:block}.compact-game-shell .adventure-column{width:100%;position:relative}.compact-game-shell .location-header{min-height:42px;margin:0 0 9px}.compact-game-shell .location-header h1{margin-top:3px;font-size:25px}.compact-game-shell .location-actions{max-width:none}.compact-game-shell .location-actions>.small-button{display:inline-flex}.compact-game-shell .game-canvas{aspect-ratio:auto;height:clamp(380px,100dvh - 330px,950px);min-height:0;max-height:none}.compact-game-shell .map-frame{isolation:isolate}.game-menu-bar{background:linear-gradient(100deg,#202d22,#19251dbb);border:1px solid #364b35;border-radius:7px;justify-content:space-between;align-items:center;gap:15px;min-height:55px;margin-bottom:9px;padding:5px 8px 5px 10px;display:flex}.character-summary{text-align:left;color:#dce6cc;background:0 0;border:0;border-radius:5px;align-items:center;gap:11px;min-width:0;padding:2px 5px;display:flex}.character-summary:hover{background:#43583544}.summary-emblem{color:var(--class-color);background:radial-gradient(#91b36233,#223224);border:1px solid #6d8551;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;position:relative}.summary-emblem b{color:#253423;text-align:center;background:#c8dba7;border-radius:3px;min-width:17px;padding:2px 3px;font-size:9px;position:absolute;bottom:-4px;right:-5px}.summary-info{flex-direction:column;gap:4px;min-width:105px;max-width:250px;display:flex}.summary-info>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.summary-info>span:not(.summary-xp){color:#d0b7a4;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:10px;display:flex}.summary-info .summary-xp{background:#102216;border-radius:3px;width:100%;height:3px;overflow:hidden}.summary-xp>i{background:#c2d995;height:100%;display:block}.quick-menu{flex-shrink:0;align-items:center;gap:5px;display:flex}.quick-menu-button{color:#adc393;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:44px;height:43px;padding:3px 7px;display:flex;position:relative}.quick-menu-button:hover{color:#d9e8c3;background:#35492c;border-color:#829b61}.quick-menu-label{letter-spacing:.3px;font-size:8px;line-height:1}.quick-menu-badge{color:#23321b;background:#c4d795;border:1px solid #e0ecc5;border-radius:6px;min-width:13px;padding:1px 3px;font-size:8px;line-height:1.3;position:absolute;top:-2px;right:0}.quick-menu-button:focus-visible,.character-summary:focus-visible{outline-offset:2px;outline:2px solid #d9e7b8}.compact-game-shell .fight-status{min-height:46px;margin:0 0 8px;padding:8px 12px}.compact-game-shell .fight-status strong{font-size:11px}.compact-game-shell .fight-status small{font-size:9px}.compact-game-shell .action-dock{margin-top:9px;padding:10px 13px}.compact-game-shell .action-dock-heading{margin-bottom:7px}.compact-game-shell .spells-row{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;padding:1px 0 4px;overflow-x:auto}.compact-game-shell .spell-button{flex:none;min-width:150px;max-width:230px;padding:5px 12px 5px 5px}.compact-game-shell .spell-button-label strong{font-size:10px}.compact-game-shell .spell-button-label small{font-size:8px}.compact-game-shell .spell-icon{width:36px;height:36px}.compact-game-shell .turn-resources>span strong{font-size:25px!important}.compact-game-shell .dock-hint{display:none}.compact-game-shell .prep-actions,.compact-game-shell .combat-actions{margin-top:6px;padding-top:8px}.compact-game-shell .selected-spell-detail{gap:4px;height:65px;min-height:65px;margin-top:7px;padding-top:8px}.compact-game-shell .selected-spell-detail>.muted{font-size:9px}.map-context-panel{z-index:4;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;background:#1a281bf5;border:1px solid #62754b;border-radius:8px;width:280px;max-width:calc(100% - 28px);max-height:calc(100% - 100px);position:absolute;top:50px;right:14px;overflow-y:auto;box-shadow:0 7px 32px #0008}.map-context-panel>.panel{box-shadow:none;background:0 0;border:0;border-radius:0;padding:25px 16px 16px}.context-close{z-index:2;float:right;background:#213220ed;border:1px solid #526b3e;width:26px;height:26px;margin:5px 5px -33px 0;position:sticky;top:6px}.map-context-panel .eyebrow{letter-spacing:1.2px;max-width:calc(100% - 20px);font-size:8px}.map-context-panel h2{margin-top:10px;font-size:23px;line-height:1.15}.map-context-panel .encounter-panel>p{margin-top:9px;font-size:10px;line-height:1.6}.map-context-panel .npc-emblem{height:41px;margin-top:5px}.map-context-panel .npc-emblem>svg{width:29px;height:29px}.map-context-panel .monster-roster{gap:5px;margin:12px 0}.map-context-panel .monster-roster strong{font-size:10px}.map-context-panel .monster-roster>div>span:last-child{font-size:9px}.map-context-panel .monster-pip{padding:3px}.map-context-panel .monster-pip>svg{width:14px;height:14px}.map-context-panel .encounter-summary{margin:10px 0;padding-top:9px;font-size:9px}.map-context-panel .journey-step{gap:10px;padding:7px 0}.map-context-panel .journey-step p{font-size:10px;line-height:1.5}.map-context-panel .journey-step>span{width:21px;height:21px}.map-context-panel .journey-panel>.button{margin-top:10px}.map-context-panel .button{padding:9px 10px;font-size:11px}.stats-window-summary{min-height:0;margin-bottom:15px;padding:18px;display:block}.stats-window-summary .character-heading h2{max-width:none;font-size:24px}.stats-window-summary .xp-label{margin-top:18px;font-size:10px}.stats-window-attributes{padding:20px}.stats-window-attributes .stat-list{gap:17px}.stats-window-attributes .stat-row{font-size:13px}.stats-window-attributes .stat-row>strong{font-size:15px}.stats-window-attributes .stat-add{width:42px;height:30px;font-size:11px}.stats-window-attributes .stat-footer{font-size:11px}.stats-window-attributes>.small{margin-top:12px}.stats-window-note{color:#aabe95;margin-top:15px;font-size:11px;line-height:1.8}.inventory-supplies,.alchemist-wallet{color:#afc59b;background:#1a2b1a;border:1px solid #53673d;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:18px;padding:13px 15px;font-size:11px;display:flex}.inventory-supplies>span,.alchemist-wallet>span{align-items:center;gap:7px;display:flex}.inventory-supplies strong,.alchemist-wallet strong{color:#e0e9d0}.inventory-supplies svg,.alchemist-wallet svg{color:#d4c692}.battle-window{grid-template-columns:1fr 1fr;align-items:start;gap:15px;display:grid}.battle-window .initiative-list{max-height:440px}.battle-window .combat-log>div:last-child{max-height:420px}.battle-window .combat-log p{font-size:11px}.alchemist-catalog{flex-direction:column;gap:13px;display:flex}.alchemist-service{background:#23331f;border:1px solid #4f623c;border-radius:7px;grid-template-columns:36px minmax(0,1fr);gap:9px 12px;padding:15px;display:grid}.service-icon{color:#c9d7a0;grid-area:1/1/3;justify-content:center;padding-top:2px;display:flex}.alchemist-service h3{color:#e1eace;margin-bottom:6px;font-size:14px}.alchemist-service p{color:#aabd96;font-size:11px;line-height:1.7}.alchemist-service small{color:#d0d7b3;margin-top:6px;font-size:10px;display:block}.alchemist-service>.button{grid-column:2;justify-self:start;min-width:125px;font-size:11px}.alchemist-note{color:#9db68a;font-size:10px;line-height:1.8}.reset-confirmation{padding:2px 0}.reset-emblem{color:#d9e5b0;background:#40502b;border:1px solid #7b8f53;border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:15px;display:grid}.reset-confirmation h3{color:#e1eaca;margin-bottom:10px;font-size:20px}.reset-confirmation>p{color:#b4c59f;font-size:12px;line-height:1.8}.reset-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0;display:grid}.reset-summary>span{color:#9fba89;text-align:center;background:#172818;border:1px solid #4d6338;border-radius:5px;flex-direction:column;gap:8px;padding:12px 9px;font-size:9px;display:flex}.reset-summary strong{color:#e1edce;font-size:15px}.reset-confirmation .modal-actions{margin-top:18px}@media (max-width:800px){.game-shell.compact-game-shell{padding:10px 13px 18px}.compact-game-shell .game-canvas{height:clamp(390px,100dvh - 310px,720px)}.compact-game-shell .location-header h1{font-size:23px}.game-menu-bar{gap:8px;padding-left:7px}.summary-info{min-width:85px;max-width:170px}.quick-menu{gap:2px}.quick-menu-button{min-width:40px;padding-inline:5px}.map-context-panel{width:260px;right:10px}.battle-window{grid-template-columns:1fr}.battle-window .initiative-list{max-height:280px}.battle-window .combat-log>div:last-child{max-height:200px}}@media (max-width:600px){.game-shell.compact-game-shell{padding:8px 8px 14px}.compact-game-shell .location-header{min-height:38px}.compact-game-shell .location-header h1{font-size:22px}.compact-game-shell .location-header .eyebrow{font-size:7px}.compact-game-shell .location-actions>.small-button{font-size:9px;display:inline-flex}.compact-game-shell .game-canvas{height:clamp(380px,100dvh - 290px,620px)}.game-menu-bar{gap:5px;min-height:51px;padding:5px}.summary-emblem{width:29px;height:31px}.summary-emblem>svg{width:18px}.character-summary{gap:7px;padding:2px}.summary-info{gap:4px;min-width:0;max-width:98px}.summary-info>strong{font-size:10px}.summary-info>span:not(.summary-xp){gap:3px;font-size:8px}.summary-info>span>svg{width:9px}.quick-menu-button{gap:3px;min-width:33px;height:39px;padding:3px 4px}.quick-menu-button>svg{width:18px;height:18px}.quick-menu-label{letter-spacing:0;font-size:7px}.quick-menu-badge{padding-inline:2px;font-size:7px;top:-2px;right:-1px}.compact-game-shell .action-dock{padding:9px}.compact-game-shell .spell-button{min-width:135px;max-width:none}.compact-game-shell .spell-button .spell-icon{width:30px;height:30px}.compact-game-shell .selected-spell-detail{gap:4px;height:78px;min-height:78px;font-size:9px}.compact-game-shell .selected-spell-detail>.muted{font-size:8px}.compact-game-shell .turn-resources{gap:9px;padding:0}.compact-game-shell .turn-resources>span strong{font-size:23px!important}.map-context-panel{width:240px;max-height:calc(100% - 82px);top:37px;right:8px}.map-context-panel h2{font-size:21px}.map-context-panel .eyebrow{font-size:7px}.map-context-panel>.panel{padding:24px 13px 13px}.stats-window-attributes{padding:17px 13px}.stats-window-attributes .panel-heading{flex-direction:row;align-items:center;gap:8px;margin-bottom:20px}.stats-window-attributes .count-badge{font-size:8px}.stats-window-attributes .stat-row{font-size:12px}.stats-window-attributes .stat-list{gap:16px}.stats-window-summary .character-heading .portrait{width:44px;height:50px}.stats-window-summary .character-heading h2{font-size:24px}.stats-window-summary .character-heading .small{font-size:10px}.inventory-supplies{gap:10px 15px;padding:11px;font-size:10px}.inventory-supplies svg{width:16px}.alchemist-service{grid-template-columns:29px minmax(0,1fr);gap:10px;padding:13px}.alchemist-service h3{font-size:13px}.alchemist-service p{font-size:10px}.reset-summary strong{font-size:13px}.reset-confirmation .modal-actions{gap:9px}.reset-confirmation .modal-actions>.button{padding:10px;font-size:10px}}.group-select-hint{color:#b8cc9b;text-align:center;padding:8px 0 1px;font-size:10px;line-height:1.6}.map-action-layout{grid-template-columns:minmax(0,1fr) 214px;align-items:stretch;gap:10px;min-width:0;display:grid}.compact-game-shell .map-action-layout>.map-frame{min-width:0}.compact-game-shell .map-action-layout>.action-dock{flex-direction:column;min-width:0;height:clamp(520px,100dvh - 225px,980px);max-height:980px;margin-top:0;padding:10px;display:flex;overflow:hidden}.compact-game-shell .map-action-layout .action-dock-heading{align-items:start;gap:4px;margin-bottom:8px;display:grid}.compact-game-shell .map-action-layout .action-dock-heading .text-button{justify-self:start;font-size:8px}.compact-game-shell .map-action-layout .action-dock-main{flex-direction:column;flex:1;align-items:stretch;gap:8px;min-height:0;display:flex}.compact-game-shell .map-action-layout .turn-resources{border-bottom:1px solid #38472f;order:-1;justify-content:center;gap:22px;padding:5px 0 8px}.compact-game-shell .map-action-layout .spells-row{scrollbar-width:thin;flex-flow:column;flex:1;gap:6px;min-height:0;padding:1px 3px 3px 1px;display:flex;overflow:hidden auto}.compact-game-shell .map-action-layout .spell-button{flex:none;width:100%;min-width:0;max-width:none;padding:6px 8px 6px 6px}.compact-game-shell .map-action-layout .spell-button-label{gap:3px}.compact-game-shell .map-action-layout .spell-button-label strong{white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:9px;overflow:hidden}.compact-game-shell .map-action-layout .spell-button-label small{font-size:7px}.compact-game-shell .map-action-layout .spell-icon{width:34px;height:34px}.compact-game-shell .map-action-layout .selected-spell-detail{height:auto;min-height:88px;max-height:150px;margin-top:7px;padding-top:8px;overflow:auto}.compact-game-shell .map-action-layout .spell-detail-values{gap:4px;display:grid}.compact-game-shell .map-action-layout .spell-selection-status{font-size:9px}.compact-game-shell .map-action-layout .friendly-warning{font-size:8px}.compact-game-shell .map-action-layout .prep-actions,.compact-game-shell .map-action-layout .combat-actions{flex-direction:column;align-items:stretch;gap:7px;margin-top:8px;padding-top:8px;display:flex}.compact-game-shell .map-action-layout .prep-actions>span{font-size:9px;line-height:1.45}.compact-game-shell .map-action-layout .prep-actions>.button,.compact-game-shell .map-action-layout .combat-actions>.button{width:100%;min-height:34px;padding:8px 7px;font-size:9px}.shortcut-key{color:#cfe0b5;letter-spacing:.2px;background:#1b2819;border:1px solid #6c7e59;border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;min-width:35px;padding:2px 5px;font:700 8px/1 DM Sans,sans-serif;display:inline-flex;box-shadow:inset 0 -1px #0b120a66}.compact-game-shell .map-action-layout .game-canvas{height:clamp(520px,100dvh - 225px,980px)}@media (max-width:1100px){.map-action-layout{display:block}.compact-game-shell .map-action-layout>.action-dock{height:auto;margin-top:9px;display:block;overflow:visible}.compact-game-shell .map-action-layout .action-dock-heading{align-items:center;display:flex}.compact-game-shell .map-action-layout .action-dock-main{flex-direction:row;align-items:center;gap:16px;display:flex}.compact-game-shell .map-action-layout .turn-resources{padding-left:5px;border-bottom:0;order:0;gap:14px;padding-block:0}.compact-game-shell .map-action-layout .spells-row{flex-direction:row;flex:1;min-height:auto;padding:1px 0 4px;overflow:auto hidden}.compact-game-shell .map-action-layout .spell-button{width:auto;min-width:150px;max-width:230px}.compact-game-shell .map-action-layout .selected-spell-detail{height:65px;min-height:65px;max-height:none}.compact-game-shell .map-action-layout .prep-actions,.compact-game-shell .map-action-layout .combat-actions{flex-direction:row;justify-content:space-between;align-items:center}.compact-game-shell .map-action-layout .prep-actions>.button,.compact-game-shell .map-action-layout .combat-actions>.button{width:auto}.compact-game-shell .map-action-layout .game-canvas{height:clamp(380px,100dvh - 330px,950px)}}