.main-panel.page-combat .combat-round-strip{color:#3b5774;border-bottom:1px solid #bed1e3;gap:10px;margin:0 0 12px;padding:0 0 10px;font-size:13px}.main-panel.page-combat .combat-round-strip>strong{color:#173650;font:650 18px/1.3 Segoe UI,Arial,sans-serif}.main-panel.page-combat .fighters{gap:12px}.main-panel.page-combat .fighters>div{min-width:0}.main-panel.page-combat .fighter-summary{background:linear-gradient(120deg,#173b58,#102a43);border-color:#7c9dbb;border-radius:7px 7px 0 0;gap:10px;padding:11px}.main-panel.page-combat .fighter-summary.enemy{border-top-color:#b87c92}.main-panel.page-combat .fighter-summary>.portrait{border-color:#829eb6;width:44px;height:70px}.main-panel.page-combat .fighter-summary h3{color:#f4f9ff;overflow-wrap:anywhere;margin-bottom:7px;font:650 15px/1.3 Segoe UI,Arial,sans-serif}.main-panel.page-combat .fighter-summary .meter-label{color:#f0f7ff;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 8px;font-size:10px;line-height:1.4}.main-panel.page-combat .fighter-summary .meter-label .muted{color:#bed1e4}.main-panel.page-combat .fighter-summary .meter-track{background:#456079;height:6px}.main-panel.page-combat .fighter-effects{background:#f0f7fe;border-color:#b7cce0;border-radius:0 0 7px 7px;padding:9px 10px}.main-panel.page-combat .fighter-effects>h4{color:#203c59;margin-bottom:6px;font:650 12px/1.4 Segoe UI,Arial,sans-serif}.main-panel.page-combat .fighter-effects h5{color:#435e79;font-size:11px}.main-panel.page-combat .fighter-effect-list{scrollbar-width:thin;min-height:30px;max-height:104px}.main-panel.page-combat .fighter-effect-list>p{color:#50647c;font-size:12px}.main-panel.page-combat .fighter-effect{background:#e1efff;border-color:#b3cde8 #b3cde8 #b3cde8 #3476c9;border-left-style:solid;border-left-width:3px;border-radius:5px;padding:7px 8px}.main-panel.page-combat .fighter-effect>div{overflow-wrap:anywhere;min-width:0}.main-panel.page-combat .fighter-effect strong,.main-panel.page-combat .fighter-effect b{font-size:12px;line-height:1.4}.main-panel.page-combat .fighter-effect strong{color:#173d65}.main-panel.page-combat .fighter-effect b{color:#0755ac;font-variant-numeric:tabular-nums}.main-panel.page-combat .fighter-effect small{color:#3e5871;flex-shrink:0;font-size:11px}.main-panel.page-combat .fighter-effect.negative{background:#fff0f3;border-color:#e1bbc5 #e1bbc5 #e1bbc5 #bf3152}.main-panel.page-combat .fighter-effect.negative b{color:#af2041}.main-panel.page-combat .fighter-effect.queued{background:#eaf0f6;border-color:#bccbda #bccbda #bccbda #74889d}.main-panel.page-combat .fighter-effect:focus-visible{outline-offset:2px;outline:2px solid #1269d1}.main-panel.page-combat .combat-center{grid-template-columns:240px minmax(0,1fr);gap:12px;margin-top:12px}.main-panel.page-combat .combat-command-panel{background:linear-gradient(#f8fcff,#eaf3fc);border-color:#b6ccdf;border-radius:7px;padding:12px}.main-panel.page-combat .combat-command-panel>h3{color:#173650;font:650 15px/1.4 Segoe UI,Arial,sans-serif}.main-panel.page-combat .combat-submit{gap:6px;margin-bottom:12px;padding-bottom:12px}.main-panel.page-combat .combat-submit>strong{overflow-wrap:anywhere;font-size:13px;line-height:1.4}.main-panel.page-combat .combat-submit>small{color:#45617f;font-variant-numeric:tabular-nums;font-size:11px;line-height:1.45}.main-panel.page-combat .combat-submit .btn{min-height:36px;padding:8px 10px;font-size:12px}.main-panel.page-combat .combat-icon-grid{scrollbar-width:thin;gap:12px 8px;max-height:278px;padding:4px}.main-panel.page-combat .combat-icon{background:#e8f2fc;border-width:1px;border-color:#9db8d3;border-radius:6px;min-height:0;padding:3px}.main-panel.page-combat .combat-icon:hover{background:#d4e8fd;border-color:#508ccf}.main-panel.page-combat .combat-icon.selected{border-color:#1269dc;box-shadow:0 0 0 2px #1269dc}.main-panel.page-combat .combat-icon-choice>strong{color:#254461;overflow-wrap:normal;word-break:normal;min-height:2.8em;font-size:10.5px;font-weight:600;line-height:1.4}.main-panel.page-combat .combat-info-button{background:#f9fcff;width:20px;height:20px;min-height:0;font-size:12px;top:-3px;right:-3px;box-shadow:0 1px 3px #18385926}.main-panel.page-combat .combat-cooldown{font-variant-numeric:tabular-nums;background:#102e4bbc;border-radius:4px}.main-panel.page-combat .combat-boundary{border-top:1px solid #c5d7e7;margin:12px 0;padding-top:10px;font-size:12px;line-height:1.5}.main-panel.page-combat .combat-boundary summary{color:#315374}.main-panel.page-combat .combat-boundary .btn{min-height:34px;padding:7px;font-size:12px}.main-panel.page-combat .combat-command-panel>.text-button{text-align:left;font-size:12px}.main-panel.page-combat .combat-center>.battle-log-panel{background:linear-gradient(#f8fcff,#eef6fe);border-color:#adc6df;border-radius:7px;padding:12px;box-shadow:0 2px 7px #123a6010}.main-panel.page-combat .battle-log-panel>header{border-bottom:1px solid #bbcfe4;margin-bottom:12px;padding-bottom:11px}.main-panel.page-combat .battle-log-panel>header h2{color:#123451;margin-bottom:9px;font-size:23px;line-height:1.25}.main-panel.page-combat .battle-log-panel>header>div{gap:6px}.main-panel.page-combat .battle-log-panel .btn{min-height:32px;padding:6px 9px;font-size:11px}.main-panel.page-combat .battle-rounds{scrollbar-width:thin;height:clamp(360px,100dvh - 440px,640px)}.main-panel.page-combat .battle-round-toggle{background:#e2edf8;border-color:#adc6df;padding:10px 12px}.main-panel.page-combat .battle-round-toggle>span{font:650 15px/1.4 Segoe UI,Arial,sans-serif}.main-panel.page-combat .battle-round-toggle small{font-size:11px}.main-panel.page-combat .battle-round-toggle.open{background:#1b5c9c;border-color:#1b5c9c}.main-panel.page-combat .battle-round-cards{background:#eaf3fb;border-color:#bbd0e3;padding:9px}.main-panel.page-combat .battle-action-card{background:#fbfdff;border-color:#b7cce1 #b7cce1 #b7cce1 #2677d4;border-left-style:solid;border-left-width:3px;border-radius:5px;margin-bottom:10px}.main-panel.page-combat .battle-action-card.enemy{border-left-color:#8a6476}.main-panel.page-combat .battle-action-card>h3{color:#163b5d;overflow-wrap:anywhere;background:#e6f0fb;padding:11px 12px;font:650 15px/1.45 Segoe UI,Arial,sans-serif}.main-panel.page-combat .battle-narration{color:#405d77;padding:10px 12px;font:13px/1.55 Segoe UI,Arial,sans-serif}.main-panel.page-combat .narration-toggle{color:#325e8b;margin-top:6px;margin-bottom:10px;font-size:11px}.main-panel.page-combat .battle-card-row{border-color:#d4e1ed;padding:10px 0}.main-panel.page-combat .battle-card-row h4{color:#526b82;letter-spacing:.035em;text-transform:uppercase;margin-bottom:5px;font:650 11px/1.4 Segoe UI,Arial,sans-serif}.main-panel.page-combat .battle-card-row p,.main-panel.page-combat .battle-card-notes p{color:#234561;margin-bottom:8px;font-size:13px;line-height:1.65}.main-panel.page-combat .battle-damage-number{color:#b81f42;letter-spacing:0;font-variant-numeric:tabular-nums;font:750 23px/1.3 Segoe UI,Arial,sans-serif}.main-panel.page-combat .battle-card-notes{padding:10px 12px}.main-panel.page-combat .battle-log-panel>p,.main-panel.page-combat .battle-no-actions{color:#4c657f;font-size:13px}.main-panel.page-combat .encounter-intro{background:linear-gradient(#fbfdff,#edf6ff);border:1px solid #b5cce0;border-radius:7px;padding:20px}.main-panel.page-combat .encounter-intro h2{margin:0 0 16px;font-size:23px}.main-panel.page-combat .encounter-intro .toolbar{gap:10px}.combat-technique-tooltip{color:#203e5d;scrollbar-width:thin;background:#f7fbff;border-color:#9db9d5;border-radius:8px;font-family:Segoe UI,Arial,sans-serif;box-shadow:0 12px 32px #0a244838}.combat-technique-tooltip h3{color:#123451;overflow-wrap:anywhere;font-size:21px;line-height:1.25}.combat-technique-tooltip>small{color:#496681}.combat-technique-tooltip p,.combat-technique-tooltip li{font-size:13px;line-height:1.6}.combat-technique-tooltip .tooltip-costs{font-variant-numeric:tabular-nums;background:#e9f3fe;border:1px solid #bfd2e6;border-radius:5px;gap:7px 12px;padding:10px}.combat-technique-tooltip .tooltip-close{border-radius:4px;min-width:28px;min-height:28px}.combat-technique-tooltip .tooltip-close:focus-visible{outline-offset:2px;outline:2px solid #1669d1}.main-panel.page-techniques .technique-library{grid-template-columns:minmax(0,.85fr) minmax(290px,1.15fr);gap:16px;margin-top:16px}.main-panel.page-techniques .library-catalogue{padding:0}.main-panel.page-techniques .library-toolbar{gap:9px}.main-panel.page-techniques .library-toolbar .tabs{flex-basis:100%;margin-bottom:0}.main-panel.page-techniques .library-toolbar .tabs button{flex:1;min-height:35px;padding:8px 9px;font-size:12px}.main-panel.page-techniques .library-toolbar .search-field{flex-basis:100%;min-width:0}.main-panel.page-techniques .library-toolbar select{min-height:38px;padding:8px 10px;font-size:13px}.main-panel.page-techniques .library-status{color:#4d6680;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:12px}.main-panel.page-techniques .library-status strong{color:#244c77;font-weight:600}.main-panel.page-techniques .library-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(77px,1fr));gap:14px 10px;padding:4px 8px 8px 4px}.main-panel.page-techniques .library-tile{gap:5px;min-height:0;padding:3px}.main-panel.page-techniques .library-tile>strong{color:#214665;font:600 12px/1.35 Segoe UI,Arial,sans-serif}.main-panel.page-techniques .library-tile>small{color:#516b84;font-size:11px}.main-panel.page-techniques .library-icon{background:#f4f9ff;border-width:1px;border-color:#a4bdd7;border-radius:6px;box-shadow:0 2px 4px #2447650c}.main-panel.page-techniques .library-tile.selected .library-icon{border-color:#c6294d;box-shadow:0 0 0 2px #c6294d}.main-panel.page-techniques .library-tile:hover .library-icon{background:#e1efff;border-color:#377fcc}.main-panel.page-techniques .library-check{background:#f1f9ff;border-width:1px;width:21px;height:21px;box-shadow:0 1px 3px #12395f20}.main-panel.page-techniques .library-detail{background:linear-gradient(#fbfdff,#eef7ff);border-color:#b2cae0;border-radius:7px;box-shadow:0 3px 10px #163d6010;padding:14px!important}.main-panel.page-techniques .library-detail-heading{gap:10px}.main-panel.page-techniques .library-detail-heading>div{min-width:0}.main-panel.page-techniques .library-detail h2{color:#123451;overflow-wrap:anywhere;margin:0 0 3px;font:700 22px/1.25 Georgia,serif}.main-panel.page-techniques .library-detail-heading p{color:#315779;font-size:12px;line-height:1.4}.main-panel.page-techniques .library-detail-heading small{color:#526a82;font-size:11px}.main-panel.page-techniques .library-facts{border-color:#c7d9e9;gap:8px}.main-panel.page-techniques .library-facts>div{min-width:0}.main-panel.page-techniques .library-facts dt{color:#4d6680;font-size:11px}.main-panel.page-techniques .library-facts dd{color:#24445f;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.main-panel.page-techniques .library-costs{gap:7px}.main-panel.page-techniques .library-costs>div{background:#e9f3fe;border-color:#bad0e7;padding:7px 8px}.main-panel.page-techniques .library-costs span{color:#315775;font-size:12px}.main-panel.page-techniques .library-costs strong{font-variant-numeric:tabular-nums;color:#0b5bad;font:700 18px/1.35 Segoe UI,Arial,sans-serif}.main-panel.page-techniques .library-effect-heading h3{color:#234661;font:650 14px/1.4 Segoe UI,Arial,sans-serif!important}.main-panel.page-techniques .library-effect-heading>span{color:#4b6781;max-width:170px;font-size:11px;line-height:1.4}.main-panel.page-techniques .library-effects{gap:7px}.main-panel.page-techniques .library-effect{background:#eaf4ff;border-color:#bdd2e8 #bdd2e8 #bdd2e8 #2873c4;gap:4px 8px;padding:8px 9px}.main-panel.page-techniques .library-effect.hostile{background:#fff0f4;border-color:#e2c3cd #e2c3cd #e2c3cd #bd3453}.main-panel.page-techniques .library-effect-top{color:#49647e;font-size:11px}.main-panel.page-techniques .library-effect h4{color:#214665;font:600 13px/1.4 Segoe UI,Arial,sans-serif}.main-panel.page-techniques .library-effect-value{color:#0758ad;font-variant-numeric:tabular-nums;font:700 15px/1.4 Segoe UI,Arial,sans-serif}.main-panel.page-techniques .library-effect.hostile .library-effect-value{color:#ac2445}.main-panel.page-techniques .library-effect>small{color:#4c6882;font-size:11px}.main-panel.page-techniques .library-finisher{color:#315574;background:#edf4fb;border-color:#bdcfe2;padding:8px 9px;font-size:12px;line-height:1.4}.main-panel.page-techniques .library-tag{font-size:12px;min-height:36px!important;padding:8px 10px!important}.main-panel.page-techniques .library-timing{color:#526a82;font-size:12px}.main-panel.page-techniques .library-more{color:#315574;border-top:1px solid #cadbea;padding-top:9px;font-size:13px}.main-panel.page-techniques .library-more summary{color:#285e91;font-size:12px;font-weight:500}.main-panel.page-techniques .library-more p{line-height:1.6}.main-panel.page-techniques .library-detail-dialog{color:#24445f;background:#f6fbff;border-radius:8px;box-shadow:0 16px 55px #08244455}.main-panel.page-techniques .library-dialog-close{border-radius:4px;width:32px;min-height:28px;top:1px;right:5px}.main-panel.page-techniques .library-grid>p{color:#49637e;background:#f0f7ff;border:1px dashed #b7cde1;border-radius:6px;grid-column:1/-1;padding:20px 12px;font-size:13px}@container (max-width:620px){.main-panel.page-combat .combat-center{grid-template-columns:166px minmax(0,1fr);gap:10px}.main-panel.page-combat .combat-command-panel{padding:9px}.main-panel.page-combat .combat-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-panel.page-techniques .technique-library{grid-template-columns:minmax(135px,.7fr) minmax(265px,1.3fr);gap:12px}.main-panel.page-techniques .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}.main-panel.page-techniques .library-toolbar .tabs{flex-wrap:wrap}.main-panel.page-techniques .library-toolbar .tabs button{flex:1 0 40%}.main-panel.page-techniques .library-effect{grid-template-columns:1fr}.main-panel.page-techniques .library-effect-top{grid-column:1}.main-panel.page-techniques .library-effect-value{text-align:left}.main-panel.page-techniques .library-detail{padding:11px!important}.main-panel.page-techniques .library-costs>div{flex-wrap:wrap;gap:0 6px}}@container (max-width:460px){.main-panel.page-combat .combat-center{grid-template-columns:minmax(0,1fr)}.main-panel.page-combat .combat-center>.battle-log-panel{grid-row:1}.main-panel.page-combat .battle-rounds{height:330px}.main-panel.page-combat .combat-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:220px}.main-panel.page-combat .fighter-summary{gap:6px;padding:8px}.main-panel.page-combat .fighter-summary>.portrait{width:28px;height:45px}.main-panel.page-combat .fighter-summary h3{font-size:13px}.main-panel.page-combat .fighter-summary .meter-label{font-size:10px}.main-panel.page-combat .fighter-effects{padding:8px}.main-panel.page-combat .fighter-effect{flex-wrap:wrap;gap:4px}.main-panel.page-combat .fighter-effect small{text-align:left;max-width:none}.main-panel.page-techniques .technique-library{grid-template-columns:minmax(0,1fr)}.main-panel.page-techniques .library-detail-desktop{grid-row:1;position:static}.main-panel.page-techniques .library-grid{grid-template-columns:repeat(auto-fill,minmax(77px,1fr))}.main-panel.page-techniques .library-toolbar .tabs button{flex-basis:auto}}@media (max-width:760px){.main-panel.page-techniques .technique-library{display:block}.main-panel.page-techniques .library-detail-desktop{display:none}.main-panel.page-techniques .library-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.main-panel.page-techniques .library-toolbar .tabs button{flex-basis:auto}.main-panel.page-techniques .library-detail-dialog .library-detail{padding:12px!important}.main-panel.page-techniques .library-effect{grid-template-columns:1fr auto}.main-panel.page-techniques .library-effect-top{grid-column:1/-1}.main-panel.page-techniques .library-effect-value{text-align:right}}@media (max-width:700px){.main-panel.page-combat .combat-center{grid-template-columns:minmax(0,1fr)}.main-panel.page-combat .combat-center>.battle-log-panel{grid-row:1}.main-panel.page-combat .battle-rounds{height:330px}.main-panel.page-combat .combat-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:220px}.main-panel.page-combat .combat-round-strip{flex-wrap:wrap;font-size:12px}}@media (max-width:370px){.main-panel.page-techniques .library-effect{grid-template-columns:1fr}.main-panel.page-techniques .library-effect-value{text-align:left}.main-panel.page-techniques .library-effect-heading{align-items:start}.main-panel.page-techniques .library-costs>div{flex-wrap:wrap}}