:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--rule:#39422d;--brass:#d0a53c;--ink:#e8e4d8;--dim:#a49d81;--crimson:#b04a34;--steel:#6d94a3;--ui-scale:1;--top-bar-height:calc(34px * var(--ui-scale));--rail-width:calc(288px * var(--ui-scale));--battle-rail-width:calc(296px * var(--ui-scale));--cmd-row-height:calc(52px * var(--ui-scale));--minimap-height:calc(160px * var(--ui-scale));--roster-slot:calc(56px * var(--ui-scale));--roster-portrait:calc(72px * var(--ui-scale))}@media (width>=2560px){:root{--ui-scale:1.3333}}@media (width>=3840px){:root{--ui-scale:2}}*{box-sizing:border-box}html,body{height:100%}body{color:var(--ink);background:#14180f;margin:0;font:14px/1.5 system-ui,sans-serif}.war-table{grid-template-columns:1fr var(--battle-rail-width);grid-template-rows:var(--top-bar-height) auto 1fr auto var(--cmd-row-height);background:#14180f;flex:1;min-height:0;display:grid}.war-table>.status{grid-area:1/1;align-items:center;gap:14px;padding:0 18px;display:flex}.war-table>.status.kit-stone{border-bottom:none}.status.kit-stone .battle-round{font:600 calc(15px * var(--ui-scale)) / 1 var(--kit-display);letter-spacing:.08em;color:var(--kit-gold);text-transform:none}.status.kit-stone .battle-act{font:600 calc(15px * var(--ui-scale)) / 1 var(--kit-display);color:var(--kit-ink)}.battle-round{letter-spacing:.12em;color:var(--brass);font:500 11px/1 ui-monospace,monospace}.battle-act{font:11px/1 ui-monospace,monospace}.war-table>.queue-strip{border-bottom:1px solid var(--kit-bronze);background:linear-gradient(#3b3730,#2c2923);grid-area:2/1;min-width:0;min-height:0;padding:6px 10px}.queue-strip .queue{gap:calc(6px * var(--ui-scale));flex-direction:row;padding:0;display:flex;position:relative;overflow:hidden}.field{background:#0a0c08;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.war-table>.field{grid-area:3/1}.field>.forecast-bar{z-index:2;bottom:calc(10px * var(--ui-scale));max-width:calc(100% - 24px * var(--ui-scale));padding:calc(6px * var(--ui-scale)) calc(9px * var(--ui-scale));font:calc(12px * var(--ui-scale)) / 1.45 system-ui, sans-serif;color:var(--kit-ink);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.forecast-bar-heading{margin:0 0 calc(3px * var(--ui-scale));font:600 calc(13px * var(--ui-scale)) / 1.2 var(--kit-display);color:var(--kit-gold)}.forecast-bar-strike,.forecast-bar-retaliation{font:calc(12px * var(--ui-scale)) / 1.45 system-ui, sans-serif}.field canvas{aspect-ratio:1070/750;z-index:0;max-width:100%;max-height:100%;display:block;position:relative;width:auto!important;height:auto!important}.field-frame{pointer-events:none;z-index:1;box-shadow:0 0 0 2px var(--kit-bronze), inset 0 0 0 1px #120f0a, 0 6px 18px #000000b3;border:10px solid #0000;border-image:linear-gradient(#6f6a5e,#3b3730) 1;position:absolute;inset:0}.field-frame:before,.field-frame:after,.field-frame i:before,.field-frame i:after{content:"";border:3px solid var(--kit-bronze-hi);width:26px;height:26px;position:absolute}.field-frame:before{border-bottom:0;border-right:0;top:-13px;left:-13px}.field-frame:after{border-bottom:0;border-left:0;top:-13px;right:-13px}.field-frame i{pointer-events:none;position:absolute;inset:0}.field-frame i:before{border-top:0;border-right:0;bottom:-13px;left:-13px}.field-frame i:after{border-top:0;border-left:0;bottom:-13px;right:-13px}.war-table>.quick-spells-row{min-width:0;min-height:0;padding:calc(6px * var(--ui-scale)) calc(10px * var(--ui-scale));border-top:1px solid var(--kit-bronze);background:linear-gradient(#3b3730,#2c2923);grid-area:4/1}.quick-spells{gap:calc(6px * var(--ui-scale));flex-direction:row;align-items:center;display:flex;overflow:hidden}.quick-spell-card{align-items:center;column-gap:calc(5px * var(--ui-scale));width:auto;min-width:calc(88px * var(--ui-scale));max-width:calc(230px * var(--ui-scale));height:calc(64px * var(--ui-scale));padding:calc(3px * var(--ui-scale)) calc(8px * var(--ui-scale));text-align:left;border:1px solid #b8871f;border-top:calc(3px * var(--ui-scale)) solid var(--qs-school);color:inherit;font:inherit;filter:saturate(.25)brightness(.7);background:linear-gradient(#3a2c14,#241a0c);flex:none;grid-template-rows:auto auto;grid-template-columns:auto 1fr;row-gap:1px;display:grid}.quick-spell-card--ok{filter:none}.quick-spell-card .spell-icon{box-shadow:0 0 0 2px var(--qs-school);border-radius:50%;grid-area:1/1/-1;align-self:center}.quick-spell-name{min-width:0;font:600 calc(12px * var(--ui-scale)) / 1.15 system-ui, sans-serif;color:#f6e7bd;text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;overflow:hidden}.quick-spell-meta{gap:calc(6px * var(--ui-scale));grid-area:2/2;align-items:baseline;min-width:0;display:flex}.quick-spell-mana{font:700 calc(12px * var(--ui-scale)) / 1 ui-monospace, monospace;color:#8fc6ea}.quick-spell-reason{font:calc(10px * var(--ui-scale)) / 1 system-ui, sans-serif;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-spell-card--ok .quick-spell-reason{color:var(--kit-gold)}.quick-spell-more{height:calc(64px * var(--ui-scale));padding:0 calc(10px * var(--ui-scale));text-align:center;font:600 calc(12px * var(--ui-scale)) / 1.2 system-ui, sans-serif;color:var(--kit-gold);border:1px dashed var(--kit-bronze);cursor:pointer;background:#1a1510;flex:none;place-items:center;display:grid}@media (width<=1599px){.quick-spell-card--sm{align-items:center;gap:calc(5px * var(--ui-scale));width:calc(142px * var(--ui-scale));height:calc(30px * var(--ui-scale));border-top-width:2px;flex-direction:row;display:flex}.quick-spell-card--sm .quick-spell-name{min-width:0;font-size:calc(11px * var(--ui-scale));flex:1}.quick-spell-card--sm .quick-spell-mana{font-size:calc(11px * var(--ui-scale));margin-left:auto}.quick-spell-more--sm{height:calc(30px * var(--ui-scale));padding:0 calc(8px * var(--ui-scale));font-size:calc(11px * var(--ui-scale))}}.war-table>.cmd-row{border-top:2px solid var(--kit-bronze);background:linear-gradient(#3b3730,#2c2923);grid-area:5/1;align-items:center;gap:8px;padding:0 14px;display:flex}.war-table>.rail{width:var(--battle-rail-width);flex-direction:column;grid-area:1/2/-1;gap:8px;min-height:0;padding:8px;display:flex}.pane{border:1px solid var(--rule);background:#1a1e14;flex-direction:column;min-height:0;display:flex}.ph{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--rule);padding:6px 8px;font:500 11px/1 ui-monospace,monospace}.war-table>.rail .ph.kit-head{border-bottom-color:var(--kit-bronze);padding:6px 10px}.war-table>.rail .inspect-heading{font:600 calc(15px * var(--ui-scale)) / 1.2 var(--kit-display);color:var(--kit-ink)}.queue{flex-direction:row;gap:4px;padding:6px;display:flex;overflow:auto hidden}.queue-strip .queue{gap:6px;padding:0}.queue-chip{flex:0 0 calc(118px * var(--ui-scale));width:calc(118px * var(--ui-scale));min-height:calc(64px * var(--ui-scale));text-align:left;color:inherit;font:inherit;background:linear-gradient(#241d15,#1a1510);border:1px solid #4d360e;border-top-width:3px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;gap:1px 5px;padding:3px 5px;display:grid}.queue-chip-art{grid-area:1/1/-1;align-self:center}.queue-chip-pip{display:none}.queue-chip-name{grid-area:1/2}.queue-chip[data-hatch=stripes]{background-image:repeating-linear-gradient(-45deg,#0000 0 3px,#ffffff1a 3px 6px),linear-gradient(#241d15,#1a1510)}.queue-chip-pip{flex:none;font-size:10px;line-height:1}.queue-chip--waited{opacity:.5}.queue-chip--inspected{filter:brightness(1.08)}.queue-chip--now{border:2px solid var(--kit-gold);background:linear-gradient(#241d15,#1a1510);border-top-width:3px;box-shadow:0 0 8px #e8c46a99}.queue-chip--now.queue-chip--inspected,.queue-chip:hover{background:linear-gradient(#241d15,#1a1510)}.queue-chip--now:hover{background:linear-gradient(#241d15,#1a1510);box-shadow:0 0 8px #e8c46a99}.queue-chip-art{flex:0 0 calc(36px * var(--ui-scale));width:calc(36px * var(--ui-scale));height:calc(46px * var(--ui-scale));background-repeat:no-repeat}.queue-chip-name{min-width:0;font:600 calc(12px * var(--ui-scale)) / 1.15 system-ui, sans-serif;color:var(--kit-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.queue-chip-count{font:700 calc(12px * var(--ui-scale)) / 1 ui-monospace, monospace;color:#fff;grid-area:2/2}.queue-chip-note{font:calc(10px * var(--ui-scale)) / 1 system-ui, sans-serif;color:var(--dim);grid-area:3/2}.queue-chip-more{flex:0 0 calc(70px * var(--ui-scale));width:calc(70px * var(--ui-scale));min-height:calc(64px * var(--ui-scale));padding:0 calc(10px * var(--ui-scale));text-align:center;font:600 calc(12px * var(--ui-scale)) / 1.2 system-ui, sans-serif;color:var(--kit-gold);border:1px dashed var(--kit-bronze);cursor:pointer;background:#1a1510;place-items:center;display:grid}.queue-chip-more:hover{background:#241d15}.queue-chip--now .queue-chip-note{color:var(--kit-gold);font-weight:700}.queue-chip--machine{text-align:center;flex-direction:column;align-items:center}.inspect{padding:8px 10px}.inspect-heading{margin-bottom:4px;font:500 12px/1.4 ui-monospace,monospace}.inspect-body{white-space:pre-line;font:11px/1.7 ui-monospace,monospace}.inspect-muted{color:var(--dim);font:12px/1.4 ui-monospace,monospace}.tab-pane{flex-direction:column;flex:1;min-height:0;display:flex}.tab-bar{gap:calc(3px * var(--ui-scale));padding:calc(6px * var(--ui-scale)) calc(8px * var(--ui-scale)) 0;border-bottom:1px solid var(--kit-bronze);display:flex}.rail-tab{height:calc(24px * var(--ui-scale));font:600 calc(12px * var(--ui-scale)) / 1 var(--kit-display);letter-spacing:.06em;border:1px solid #4d360e;border-bottom-color:var(--kit-bronze);border-radius:calc(3px * var(--ui-scale)) calc(3px * var(--ui-scale)) 0 0;color:var(--dim);cursor:pointer;background:linear-gradient(#3a3024,#231c14);flex:1;place-items:center;padding:0;display:grid}.rail-tab--on{color:#2a1d08;background:linear-gradient(#ecd48c,#c9a045 50%,#a98030);border-color:#4d360e}.rail-tab:hover{filter:brightness(1.15);background:linear-gradient(#3a3024,#231c14)}.rail-tab--on:hover{background:linear-gradient(#ecd48c,#c9a045 50%,#a98030)}.tab-page{flex:1;min-height:0;overflow-y:auto}.tab-page[hidden]{display:none}.tab-page--log{background:#1b2015;padding:6px 8px;font:12px/1.45 ui-monospace,monospace}.tab-page--log div{border-bottom:1px solid #232a1c;padding:1px 0}.tab-page--pad{padding:8px 10px}.army-side{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:6px 0 2px;font:500 11px/1.4 ui-monospace,monospace}.army-row{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:2px 0;font:12px/1.4 ui-monospace,monospace;display:block}.army-row--inspected{color:var(--brass)}.modal-backdrop{z-index:20;background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--rule);background:#1a1e14;flex-direction:column;gap:8px;width:40%;min-width:280px;max-width:560px;max-height:80vh;padding:12px 14px;display:flex;overflow:auto}.modal-title{letter-spacing:.03em;font-size:13px;font-weight:600}.modal-body{flex-direction:column;display:flex}.modal-actions{gap:8px;display:flex}.modal-actions .btn{flex:auto;justify-content:center;min-width:0}.cmd-row .btn:not(.kit-plate),.cmd-row button:not(.kit-plate),#sandbox-tools button,#sandbox-tools input{border:1px solid var(--rule);color:inherit;background:#222719;align-items:center;gap:6px;padding:7px 10px;font:500 12px/1 system-ui,sans-serif;display:inline-flex}.cmd-row .btn.kit-plate,.cmd-row button.kit-plate{color:#2a1d08;border:1px solid #4d360e}.cmd-row .btn.kit-plate:hover,.cmd-row button.kit-plate:hover{background:var(--kit-tex-plate), linear-gradient(#ecd48c, #c9a045 45%, #a27a2c 56%, #bf933a)}.cmd-row .cmd--on{color:var(--brass);background:#2e2712;border-color:#6d5a1e}.cmd-row .push{margin-left:auto}button:hover{cursor:pointer;background:#2f3826}button:disabled{opacity:.45;cursor:not-allowed}.key{color:var(--brass);border:1px solid #6d5a1e;padding:2px 4px;font:500 10px/1 ui-monospace,monospace}.panel-heading{letter-spacing:.03em;margin:0 0 6px;font-size:13px;font-weight:600}.panel-subheading{color:#c9c2a8;text-transform:uppercase;letter-spacing:.05em;margin:4px 0 2px;font-size:11px;font-weight:600}.panel-muted{color:#9a9478;margin:0;font-size:12px}.panel-section{margin-top:5px}.panel-body{flex-direction:column;gap:4px;display:flex}.spell-btn{text-align:left;align-items:center;gap:8px;display:flex}.spell-icon{background-repeat:no-repeat;flex:0 0 32px}.cmd-row .cmd-icon,#commands .cmd-icon,.res-icon{background-repeat:no-repeat;flex:none}.resource-picker{gap:2px;display:inline-flex}.resource-picker-btn{border:1px solid var(--rule);background:#222719;padding:3px;display:inline-flex}.resource-picker-btn--active{border-color:var(--brass);background:#2e2712}:root{--kit-display:"Cinzel", "Trajan Pro", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--kit-bronze:#8a6326;--kit-bronze-hi:#e2b85a;--kit-gold:#e8c46a;--kit-ink:#f3e6c0;--kit-tex-stone:none;--kit-tex-leather:none;--kit-tex-recess:none;--kit-tex-plate:none;--kit-tex-gilt:none;--kit-tex-banner:none;--kit-tex-parchment:none;--kit-tex-iron:none;--kit-plate-h:calc(40px * var(--ui-scale));--kit-gilt-h:calc(54px * var(--ui-scale))}.kit-stone{background:var(--kit-tex-stone), linear-gradient(#57524a, #3b3730 55%, #2c2923);border-bottom:2px solid var(--kit-bronze);box-shadow:0 2px #120f0a,inset 0 1px #ffffff1a}.kit-rail{padding-left:calc(8px + 9px * var(--ui-scale));background:var(--kit-tex-leather), radial-gradient(ellipse at 30% 15%, #5d4731, #3a2b1c 65%, #2c2116);position:relative;box-shadow:inset 0 0 18px #0009}.kit-rail:before{content:"";width:calc(9px * var(--ui-scale));background:var(--kit-tex-stone), repeating-linear-gradient(#6f6a5e 0 30px, #4b473f 30px 32px);position:absolute;top:0;bottom:0;left:0;box-shadow:inset -2px 0 #2a2721,inset 1px 0 #8c867a}.kit-recess{--kit-recess-bg:linear-gradient(135deg, var(--kit-bronze-hi) 0 6px, transparent 6px) 0 0 / 14px 14px no-repeat, linear-gradient(225deg, var(--kit-bronze-hi) 0 6px, transparent 6px) 100% 0 / 14px 14px no-repeat, linear-gradient(45deg, var(--kit-bronze-hi) 0 6px, transparent 6px) 0 100% / 14px 14px no-repeat, linear-gradient(315deg, var(--kit-bronze-hi) 0 6px, transparent 6px) 100% 100% / 14px 14px no-repeat, var(--kit-tex-recess), linear-gradient(#1a1510, #241d15);border:2px solid var(--kit-bronze);color:var(--ink);background:var(--kit-recess-bg);border-radius:3px;position:relative;box-shadow:inset 0 2px 7px #000000d9,0 1px #ffe6aa26}button.kit-recess:hover{background:var(--kit-recess-bg);filter:brightness(1.12)}.kit-head{font:600 calc(13px * var(--ui-scale)) / 1.6 var(--kit-display);letter-spacing:.09em;text-transform:uppercase;color:var(--kit-gold)}.kit-name{font:600 calc(16px * var(--ui-scale)) / 1.15 var(--kit-display);color:#f6e7bd;letter-spacing:.02em}.kit-plate{min-height:var(--kit-plate-h);white-space:nowrap;font:600 calc(14px * var(--ui-scale)) / 1 var(--kit-display);color:#2a1d08;text-shadow:0 1px #fff0be8c;background:var(--kit-tex-plate), linear-gradient(#ecd48c, #c9a045 45%, #a27a2c 56%, #bf933a);border:1px solid #4d360e;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex;box-shadow:inset 0 1px #fff6cdbf,inset 0 -2px #3c230573,0 2px #140f07,0 3px 5px #0000008c}.kit-plate:hover{background:var(--kit-tex-plate), linear-gradient(#ecd48c, #c9a045 45%, #a27a2c 56%, #bf933a);filter:brightness(1.13);box-shadow:inset 0 1px #fff6cdbf,inset 0 -2px #3c230573,0 0 0 1px #ffe7a3,0 0 10px #ffd26e99}.kit-plate--sm{min-height:calc(22px * var(--ui-scale));font-size:calc(11px * var(--ui-scale));padding:0 7px}.kit-plate--gilt,.kit-plate--gilt:hover{min-height:var(--kit-gilt-h);font-size:calc(19px * var(--ui-scale));letter-spacing:.05em;color:#3a2204;background:var(--kit-tex-gilt), linear-gradient(#fff3b8, #f2cb52 40%, #c78e28 60%, #eab947);border-color:#5b3c08;box-shadow:inset 0 1px #fffbe0,inset 0 -3px #5a320580,0 0 0 2px #2d200c,0 0 0 3px #d9b04e,0 4px 8px #0009}.kit-plate:disabled,.kit-plate:disabled:hover{opacity:1;cursor:not-allowed;color:#2a2418;filter:saturate(.25)brightness(.72);box-shadow:inset 0 1px #fff6cd80,inset 0 -2px #3c230573,0 2px #140f07}.kit-plate .key{color:#2a1d08;text-shadow:none;font-size:calc(10px * var(--ui-scale));background:#fff0c859;border-color:#3c230599;border-radius:2px}.kit-banner{min-height:calc(30px * var(--ui-scale));padding:0 calc(22px * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;font:600 calc(14px * var(--ui-scale)) / 1.2 var(--kit-display);color:var(--kit-ink);letter-spacing:.02em;text-shadow:0 1px 1px #000;background:var(--kit-tex-banner), linear-gradient(#67625a, #45413a 50%, #35322c);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);align-items:center;display:flex;overflow:hidden}.kit-chip{font:600 calc(12px * var(--ui-scale)) / 1.3 ui-monospace, monospace;color:var(--kit-ink);background:var(--kit-tex-stone), linear-gradient(#58534b, #3a3630);border:1px solid #1d1b16;border-radius:2px}.kit-plaque{color:#2e2112;background:var(--kit-tex-parchment), radial-gradient(ellipse at 40% 30%, #f6e8c3, #dfc893 70%, #c7a86b);border:2px solid var(--kit-bronze);outline:1px solid #2d200c;box-shadow:0 5px 12px #000000a6}.kit-plaque .kit-name{color:#3a220c}.kit-plaque .kit-name:first-letter{color:#9a2a18;font-size:1.3em}.kit-dossier{color:#ebe6d8;background:radial-gradient(circle at 8px 8px, #c9a045 0 2.5px, transparent 3px), radial-gradient(circle at calc(100% - 8px) 8px, #c9a045 0 2.5px, transparent 3px), radial-gradient(circle at 8px calc(100% - 8px), #c9a045 0 2.5px, transparent 3px), radial-gradient(circle at calc(100% - 8px) calc(100% - 8px), #c9a045 0 2.5px, transparent 3px), var(--kit-tex-iron), linear-gradient(#41464c, #26292d);border:2px solid var(--kit-bronze);box-shadow:inset 0 0 0 3px #17191c,inset 0 0 0 4px #6d7378,0 5px 12px #000000a6}.kit-badge{font:600 calc(11px * var(--ui-scale)) / 1.4 system-ui, sans-serif;color:#ffd9cf;background:#5a1d14;border:1px solid #c0553c;border-radius:10px;align-self:flex-start;align-items:center;gap:4px;padding:1px 7px 1px 3px;display:inline-flex}.kit-badge:before{content:"☠";color:#3a1008;background:#e8e0d0;border-radius:50%;place-items:center;width:1.4em;height:1.4em;font-size:.9em;display:grid}.modal:has(.war-report){color:#2e2112;width:min(92vw,640px);max-width:640px;font:calc(13px * var(--ui-scale)) / 1.4 system-ui, sans-serif;background:var(--kit-tex-parchment), radial-gradient(ellipse at 40% 30%, #f6e8c3, #dfc893 70%, #c7a86b);border:3px solid var(--kit-bronze);outline:2px solid #2d200c;padding:14px 18px 16px;box-shadow:0 10px 30px #000c}.modal:has(.war-report) .modal-title{font:600 calc(22px * var(--ui-scale)) / 1.2 var(--kit-display);color:#3a220c;text-align:center;letter-spacing:.02em}.modal:has(.war-report) .modal-body{gap:0}.modal:has(.war-report) .modal-actions{gap:10px;margin-top:14px}.modal:has(.war-report) .modal-actions .btn{color:#2a1d08;font:600 calc(14px * var(--ui-scale)) / 1 var(--kit-display);min-height:var(--kit-plate-h);background:var(--kit-tex-plate), linear-gradient(#ecd48c, #c9a045 45%, #a27a2c 56%, #bf933a);border:1px solid #4d360e;border-radius:3px;flex:1 1 0;padding:0 10px;box-shadow:inset 0 1px #fff6cdbf,inset 0 -2px #3c230573,0 2px #140f07,0 3px 5px #0000008c}.modal:has(.war-report) .modal-actions .btn:hover{filter:brightness(1.13);box-shadow:inset 0 1px #fff6cdbf,inset 0 -2px #3c230573,0 0 0 1px #ffe7a3,0 0 10px #ffd26e99}.war-report{padding:0 4px 8px}.war-report-verdict{width:max-content;font:600 calc(14px * var(--ui-scale)) / 1.6 var(--kit-display);letter-spacing:.08em;color:#fff0e8;text-transform:uppercase;background:#7a2416;border:1px solid #3a0c06;margin:6px auto 12px;padding:2px 14px;display:block}.war-report-sides{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:0 8px;display:grid}.war-report-vs{font:600 calc(20px * var(--ui-scale)) / 1.4 var(--kit-display);color:#7a2416;align-self:center}.war-report .army-side{font:600 calc(12px * var(--ui-scale)) / 1.4 var(--kit-display);letter-spacing:.1em;color:#6b5130;text-transform:uppercase;margin:6px 0 2px}.war-report .army-row{align-items:center;gap:calc(8px * var(--ui-scale));color:#2e2112;background:#fff8e159;border:1px solid #5a3c1466;margin:2px 0;padding:4px;display:flex}.army-row-info{flex-direction:column;gap:1px;min-width:0;display:flex}.army-row-info b{font:700 calc(13px * var(--ui-scale)) / 1.2 ui-monospace, monospace}.army-row-outcome{font:calc(11px * var(--ui-scale)) / 1.3 ui-monospace, monospace;color:#6b5130}.war-report-icon-frame{flex:0 0 calc(40px * var(--ui-scale));width:calc(40px * var(--ui-scale));height:calc(48px * var(--ui-scale));border:1px solid #5a5548;justify-content:center;align-self:center;align-items:center;display:flex}.war-report-icon{background-repeat:no-repeat}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-sheet{gap:calc(12px * var(--ui-scale));grid-template-columns:minmax(0,340fr) minmax(0,900fr) minmax(0,632fr);align-content:stretch;height:100%;min-height:0;display:grid}.hero-col{gap:calc(8px * var(--ui-scale));flex-direction:column;min-width:0;min-height:0;display:flex}#hero-screen .backpack{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1100px){.hero-sheet{grid-template-columns:minmax(0,240fr) minmax(0,560fr) minmax(0,256fr)}#hero-screen .backpack,#hero-screen .tag-list{grid-template-columns:minmax(0,1fr)}}.tome-adventure{min-height:calc(300px * var(--ui-scale));flex-direction:column;flex:1;display:flex;position:relative}.tome-battle{min-height:calc(420px * var(--ui-scale));position:relative}.tome-book{min-height:0;padding:calc(14px * var(--ui-scale)) calc(18px * var(--ui-scale));background:linear-gradient(#5a3a1e,#3a2412);border:3px solid #2a170a;border-radius:6px;flex:1;grid-template-columns:1fr 1fr;gap:0;display:grid;box-shadow:0 10px 30px #000c,inset 0 0 0 2px #8a6326}.tome-book--battle{height:100%;min-height:0}.tome-page{padding:calc(12px * var(--ui-scale)) calc(16px * var(--ui-scale));min-width:0;min-height:0;position:relative;overflow-y:auto}.tome-page:first-child{box-shadow:inset calc(-14px * var(--ui-scale)) 0 calc(18px * var(--ui-scale)) calc(-10px * var(--ui-scale)) #3c23058c}.tome-page:last-child{box-shadow:inset calc(14px * var(--ui-scale)) 0 calc(18px * var(--ui-scale)) calc(-10px * var(--ui-scale)) #3c23058c}.tome-page-head{margin:0 0 calc(6px * var(--ui-scale));color:#3a220c;border-bottom:1px solid #5a3c1466;justify-content:space-between;align-items:baseline;display:flex}.tome-page-count{font:calc(12px * var(--ui-scale)) / 1.2 system-ui, sans-serif;color:#6b5130}.tome-legend{font:calc(11.5px * var(--ui-scale)) / 1.35 system-ui, sans-serif;color:#6b5130;margin-bottom:calc(6px * var(--ui-scale))}.tome-legend b{color:#8a5a0a}.tome-legend--spacer{visibility:hidden}.tome-marks{left:calc(100% - 4px * var(--ui-scale));top:calc(30px * var(--ui-scale));gap:calc(4px * var(--ui-scale));z-index:2;flex-direction:column;display:flex;position:absolute}.tome-mark{width:calc(92px * var(--ui-scale));height:calc(30px * var(--ui-scale));padding-left:calc(10px * var(--ui-scale));cursor:pointer;font:600 calc(12px * var(--ui-scale)) / 1 var(--kit-display);color:#fff0d0;text-align:left;border:0;border-radius:0 4px 4px 0;box-shadow:0 2px 3px #0009}.tome-mark--on{width:calc(106px * var(--ui-scale));box-shadow:0 0 0 2px var(--kit-gold), 0 2px 3px #0009}.tome-battle-cols{gap:calc(10px * var(--ui-scale));grid-template-columns:1fr 1fr;align-items:start;min-height:0;display:grid}.tome-battle-col{flex-direction:column;min-width:0;min-height:0;display:flex}.tome-col-head{margin-bottom:calc(4px * var(--ui-scale));padding-bottom:calc(2px * var(--ui-scale));color:#3a220c;border-bottom:2px solid}.spell-card-grid{gap:calc(4px * var(--ui-scale));align-content:start;display:grid}.spell-card-grid--battle{grid-template-columns:minmax(0,1fr)}.spell-card{align-items:center;gap:calc(7px * var(--ui-scale));min-height:calc(38px * var(--ui-scale));padding:calc(3px * var(--ui-scale)) calc(7px * var(--ui-scale));font:600 calc(13px * var(--ui-scale)) / 1.15 system-ui, sans-serif;color:#5d4a2e;text-align:left;background:#fff8e173;border:1px solid #5a3c1480;grid-template-columns:auto auto minmax(0,1fr) auto;display:grid}.spell-card-grid--battle .spell-card{gap:calc(4px * var(--ui-scale));padding:calc(3px * var(--ui-scale)) calc(4px * var(--ui-scale));font-size:calc(11.5px * var(--ui-scale))}.spell-card:disabled{opacity:1;cursor:not-allowed;filter:none}.spell-card-lv{font:700 calc(11px * var(--ui-scale)) ui-monospace, monospace;color:#6b5130}.spell-card-main{flex-direction:column;gap:1px;min-width:0;display:flex}.spell-card-name{overflow-wrap:normal;word-break:normal}.spell-card-reason{font:italic calc(10.5px * var(--ui-scale)) / 1.25 system-ui, sans-serif;color:#7a5a36;display:block}.spell-card-mana{font:700 calc(12.5px * var(--ui-scale)) ui-monospace, monospace;color:#1f4f7a;font-variant-numeric:tabular-nums}.spell-card--ok{color:#2a1d08;background:linear-gradient(#fff3c8,#f2d98a);border:2px solid #b8871f;box-shadow:0 0 6px #c8962899}.spell-card--ok .spell-card-reason{color:#2e6b1e;font-style:normal;font-weight:700}.spell-card--ok:disabled{filter:saturate(.25)brightness(.72);box-shadow:none}.war-table>.battle-spellbook-overlay{z-index:2;min-width:0;min-height:0;padding:calc(8px * var(--ui-scale));background:linear-gradient(#5a3a1e,#3a2412);border:3px solid #2a170a;grid-area:3/1;margin:0;overflow:auto;box-shadow:0 10px 30px #000000bf,inset 0 0 0 2px #8a6326}.battle-spellbook-overlay[hidden]{display:none!important}.battle-spellbook-overlay .tome-battle,.battle-spellbook-overlay .panel-body{height:100%;min-height:0}.battle-spellbook-overlay .tome-book{box-shadow:none;padding:calc(6px * var(--ui-scale));background:0 0;border:0;height:100%}#hero-screen #spellbook-panel .panel-body,.battle-spellbook-overlay .panel-body{flex-direction:column;flex:1;min-height:0;display:flex}#hero-screen #spellbook-panel,.battle-spellbook-overlay{flex-direction:column;display:flex}.battle-spellbook-hint{font:calc(12px * var(--ui-scale)) / 1.4 system-ui, sans-serif;color:var(--dim);margin:0}.kit-panel{padding:calc(18px * var(--ui-scale)) calc(26px * var(--ui-scale)) calc(22px * var(--ui-scale));color:#2e2112;border:4px solid var(--kit-bronze);background:radial-gradient(at 40% 25%,#f6e8c3,#dfc893 70%,#c7a86b);outline:2px solid #2d200c;position:relative;box-shadow:0 12px 34px #000000d9}.kit-panel--stone{color:var(--kit-ink);border-color:var(--kit-bronze);background:radial-gradient(at 40% 20%,#3a332a,#211c16)}.kit-crest{margin:calc(-4px * var(--ui-scale)) auto calc(12px * var(--ui-scale));width:max-content;padding:calc(6px * var(--ui-scale)) calc(30px * var(--ui-scale));font:600 calc(28px * var(--ui-scale)) / 1 var(--kit-display);letter-spacing:.08em;color:#f3e6c0;text-shadow:0 2px 2px #000;text-align:center;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);background:linear-gradient(#67625a,#45413a 50%,#35322c)}.kit-crest--sm{font-size:calc(20px * var(--ui-scale));margin-bottom:calc(10px * var(--ui-scale))}.kit-build{font:calc(11px * var(--ui-scale)) / 1 ui-monospace, monospace;color:#8f876c;text-align:center;margin:0 0 calc(10px * var(--ui-scale))}.kit-label{font:600 calc(13px * var(--ui-scale)) / 1 var(--kit-display);letter-spacing:.08em;text-transform:uppercase;color:#6b5130;margin:calc(10px * var(--ui-scale)) 0 calc(5px * var(--ui-scale))}.kit-panel--stone .kit-label{color:var(--kit-gold)}.kit-help{font-size:calc(12.5px * var(--ui-scale));color:#4a3820;margin-top:calc(4px * var(--ui-scale))}.kit-panel--stone .kit-help{color:var(--dim)}.kit-fcards{gap:calc(10px * var(--ui-scale));grid-template-columns:repeat(3,1fr);display:grid}.kit-fcard{align-items:center;gap:calc(4px * var(--ui-scale));min-height:calc(44px * var(--ui-scale));padding:calc(8px * var(--ui-scale));font:600 calc(15px * var(--ui-scale)) / 1.2 var(--kit-display);color:#3a220c;text-align:center;cursor:pointer;background:#fff8e166;border:2px solid #5a3c1480;flex-direction:column;display:flex}.kit-fcard small{font:calc(11.5px * var(--ui-scale)) / 1.2 system-ui, sans-serif;color:#6b5130}.kit-fcard input{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.kit-fcard:has(input:checked){background:linear-gradient(#fff3c8,#f2d98a);border:3px solid #9a6a14;box-shadow:0 0 10px #c89628b3}.kit-fcard:has(input:focus-visible){outline:2px solid var(--kit-gold);outline-offset:2px}.kit-fcard-badge{width:calc(48px * var(--ui-scale));height:calc(48px * var(--ui-scale));background:linear-gradient(#6b5a44,#342a1c);border:1px solid #1d1710;border-radius:50%}.kit-seg{border:2px solid #6b5130;grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.kit-seg-opt{min-height:calc(44px * var(--ui-scale));font:600 calc(15px * var(--ui-scale)) / 1 var(--kit-display);color:#3a220c;cursor:pointer;background:#fff8e173;border-left:1px solid #6b5130;place-items:center;display:grid}.kit-seg-opt:first-child{border-left:0}.kit-seg-opt input{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.kit-seg-opt:has(input:checked){color:#2a1d08;background:linear-gradient(#ecd48c,#c9a045 50%,#a98030)}.kit-seg-opt:has(input:focus-visible){outline:2px solid var(--kit-gold);outline-offset:-2px}.kit-inset{min-height:calc(44px * var(--ui-scale));padding:0 calc(12px * var(--ui-scale));font:calc(15px * var(--ui-scale)) / 1 ui-monospace, monospace;color:#2a1d08;box-sizing:border-box;background:#fffaf0;border:2px solid #6b5130;align-items:center;width:100%;display:flex;box-shadow:inset 0 2px 5px #3c230566}.kit-selp{appearance:none;box-sizing:border-box;width:100%;min-height:calc(40px * var(--ui-scale));padding:0 calc(28px * var(--ui-scale)) 0 calc(12px * var(--ui-scale));font:600 calc(14px * var(--ui-scale)) / 1 system-ui, sans-serif;color:var(--kit-ink);border:2px solid var(--kit-bronze);background:linear-gradient(#3a3024,#231c14);border-radius:2px}.kit-select-wrap{display:block;position:relative}.kit-select-chevron{right:calc(12px * var(--ui-scale));pointer-events:none;font:calc(12px * var(--ui-scale)) / 1 system-ui, sans-serif;color:var(--kit-gold);position:absolute;top:50%;transform:translateY(-50%)}.kit-divider{height:2px;margin:calc(12px * var(--ui-scale)) 0;background:linear-gradient(90deg, transparent, var(--kit-bronze-hi), transparent)}.ency-tabs{gap:calc(4px * var(--ui-scale));margin:0 0 calc(6px * var(--ui-scale));display:flex}.ency-tabs button{min-height:calc(34px * var(--ui-scale));font:600 calc(12px * var(--ui-scale)) / 1 var(--kit-display);color:#3a220c;background:#fff8e166;border:1px solid #6b5130;flex:1;place-items:center;display:grid}.ency-tabs button[aria-pressed=true]{background:linear-gradient(#ecd48c,#c9a045)}.ency-tabs button:hover{background:#fff8e199}.ency-tabs button[aria-pressed=true]:hover{filter:brightness(1.05);background:linear-gradient(#ecd48c,#c9a045)}.ency-list{gap:calc(3px * var(--ui-scale));scrollbar-color:var(--kit-bronze-hi) transparent;scrollbar-width:thin;flex-direction:column;display:flex}.ency-entry{align-items:center;gap:calc(7px * var(--ui-scale));min-height:calc(38px * var(--ui-scale));padding:0 calc(28px * var(--ui-scale)) 0 calc(6px * var(--ui-scale));font:600 calc(13.5px * var(--ui-scale)) / 1 system-ui, sans-serif;color:#2e2112;text-align:left;background:0 0;border:0;border-bottom:1px solid #5a3c144d;display:flex;position:relative}.ency-entry[aria-current=true]{background:#9a6a1440;outline:2px solid #9a6a14}.ency-entry:hover{background:#9a6a141f}.ency-entry[aria-current=true]:hover{background:#9a6a144d}.ency-entry:after{content:attr(data-tier);right:calc(6px * var(--ui-scale));width:calc(20px * var(--ui-scale));height:calc(20px * var(--ui-scale));font:700 calc(10px * var(--ui-scale)) / 1 var(--kit-display);color:#fff;background:#6b5130;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.ency-entry:not([data-tier]):after,.ency-entry[data-tier=""]:after{content:none}.ency-icon{background-repeat:no-repeat;flex:none}.ency-scrollcue{font:600 calc(11px * var(--ui-scale)) / 1.4 system-ui, sans-serif;color:#6b5130;text-align:center;padding-top:calc(4px * var(--ui-scale))}.ency-detail-head{justify-content:space-between;align-items:flex-start;gap:calc(8px * var(--ui-scale));display:flex}.ency-detail-sub{font-size:calc(12px * var(--ui-scale));color:#6b5130}.ency-portrait{width:100%;height:calc(200px * var(--ui-scale));margin:calc(8px * var(--ui-scale)) 0;border:calc(4px * var(--ui-scale)) solid var(--kit-bronze);background:#5a3c141f;place-items:center;display:grid}.ency-portrait-stand-in{text-align:center;font:italic calc(12px * var(--ui-scale)) / 1.3 system-ui, sans-serif;color:#8f7a54;place-items:center;display:grid}.ency-stat-grid{gap:calc(5px * var(--ui-scale));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ency-stat-card{align-items:center;gap:calc(7px * var(--ui-scale));min-width:0;padding:calc(5px * var(--ui-scale)) calc(8px * var(--ui-scale));font:calc(13px * var(--ui-scale)) / 1.2 system-ui, sans-serif;color:#3a220c;background:#fff8e173;border:1px solid #5a3c1473;display:flex}.ency-stat-card i{font-style:normal;font-size:calc(15px * var(--ui-scale));width:calc(20px * var(--ui-scale));text-align:center;flex:none}.ency-stat-card b{font:700 calc(14px * var(--ui-scale)) / 1 ui-monospace, monospace;color:#2a1d08;margin-left:auto}.modal:has(.reward-emblem){color:var(--kit-ink);font:calc(13px * var(--ui-scale)) / 1.4 system-ui, sans-serif;border:4px solid var(--kit-bronze);background:radial-gradient(at 40% 20%,#3a332a,#211c16);outline:2px solid #2d200c;box-shadow:0 12px 34px #000000d9}.modal:has(.reward-emblem) .modal-title{margin:calc(-4px * var(--ui-scale)) auto calc(12px * var(--ui-scale));width:max-content;padding:calc(6px * var(--ui-scale)) calc(30px * var(--ui-scale));font:600 calc(22px * var(--ui-scale)) / 1 var(--kit-display);letter-spacing:.04em;color:#f3e6c0;text-shadow:0 2px 2px #000;text-align:center;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%);background:linear-gradient(#67625a,#45413a 50%,#35322c)}.modal:has(.reward-emblem) .modal-body{text-align:center;color:var(--dim);margin-bottom:calc(6px * var(--ui-scale))}.modal-actions:has(.reward-emblem){gap:calc(14px * var(--ui-scale));grid-template-columns:1fr 1fr;display:grid}.modal-actions:has(.reward-emblem) .modal-choice{align-items:center;gap:calc(6px * var(--ui-scale));padding:calc(12px * var(--ui-scale));border:2px solid var(--kit-bronze);background:linear-gradient(#2a2116,#1c160f);flex-direction:column;display:flex}.reward-amount{font:600 calc(20px * var(--ui-scale)) / 1 var(--kit-display);color:#f6e7bd}.modal-actions:has(.reward-emblem) .btn{color:#2a1d08;width:100%;font:600 calc(14px * var(--ui-scale)) / 1 var(--kit-display);min-height:var(--kit-plate-h);background:linear-gradient(#ecd48c,#c9a045 45%,#a27a2c 56%,#bf933a);border:1px solid #4d360e;border-radius:3px;padding:0 10px;box-shadow:inset 0 1px #fff6cdbf,inset 0 -2px #3c230573,0 2px #140f07,0 3px 5px #0000008c}.modal-actions:has(.reward-emblem) .btn:hover{filter:brightness(1.13);box-shadow:inset 0 1px #fff6cdbf,inset 0 -2px #3c230573,0 0 0 1px #ffe7a3,0 0 10px #ffd26e99}.reward-emblem{width:calc(70px * var(--ui-scale));height:calc(70px * var(--ui-scale));font-style:normal;font:700 calc(22px * var(--ui-scale)) / 1 var(--kit-display);color:#f6e7bd;background:linear-gradient(#6b5a44,#342a1c);border:1px solid #1d1710;border-radius:50%;place-items:center;display:grid}