:root{font-family:Arial,Helvetica,sans-serif;color:#e7ecee;background:#0b1114;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#0b1114}button{font:inherit}body.dice-overlay,body.dice-overlay #root{background:transparent;min-width:0;min-height:100vh}.dice-overlay-stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1814e6}.dice-overlay-title{position:absolute;z-index:2;top:24px;left:0;right:0;margin:0;text-align:center;color:#fff;font-size:24px;font-weight:600;pointer-events:none}.dice-overlay-host{position:absolute;top:0;right:0;bottom:0;left:0}.dice-overlay-host canvas{display:block;width:100%;height:100%}.dice-name-label{position:absolute;z-index:2;max-width:calc(100vw - 16px);transform:translateY(-50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;background:#000000b3;padding:2px 8px;color:#fff;font-size:12px;font-weight:600;pointer-events:none;box-shadow:0 1px 2px #0006}.dice-overlay-status{position:absolute;z-index:2;bottom:24px;left:0;right:0;margin:0;text-align:center;color:#fff}.app-shell{min-height:100vh;background:radial-gradient(circle at 82% -10%,rgba(198,156,87,.08),transparent 28%),#0b1114;color:#dce4e7}.app-header{display:flex;justify-content:space-between;gap:20px;padding:18px 20px 15px;border-bottom:1px solid #202a2f;background:#0e161a}.eyebrow{margin-bottom:4px;color:#caa96d;font-size:10px;font-weight:800;letter-spacing:.12em}h1{margin:0;color:#f3f5f6;font-size:18px;line-height:1.2}.app-header p{margin:5px 0 0;color:#7f8f96;font-size:11px}.dot{padding:0 6px;color:#536168}.header-side{display:flex;align-items:center;gap:10px}.role-badge{padding:5px 7px;border:1px solid #37454b;border-radius:4px;color:#aab5ba;background:#101a1f;font-size:9px;font-weight:800;letter-spacing:.08em}.role-badge.gm{border-color:#6c5633;color:#d9bb82;background:#1c1811}.round{min-width:48px;padding-left:10px;border-left:1px solid #2b363b;text-align:right}.round span{display:block;color:#6e7e85;font-size:8px;font-weight:800;letter-spacing:.1em}.round strong{color:#f3f5f6;font-size:19px;line-height:1}.dev-bar{display:flex;align-items:center;gap:5px;padding:6px 12px;border-bottom:1px solid #253037;background:#111b20;color:#728188;font-size:10px}.dev-bar span{margin-right:auto}.dev-bar button{padding:3px 7px;border:1px solid #2e3c43;border-radius:3px;color:#96a4aa;background:transparent;cursor:pointer}.dev-bar button.selected{border-color:#8d7041;color:#dfc188;background:#1a1711}.change-selection{padding:5px 8px;border:1px solid #334047;border-radius:4px;color:#9ba9ae;background:#10191d;font-size:9px;cursor:pointer}.change-selection:hover,.change-selection:focus-visible{border-color:#80683f;color:#dfc188;outline:none}.encounter-picker{display:grid;gap:12px;padding:16px;border-bottom:1px solid #263138;background:#0d1519}.picker-heading{display:grid;gap:2px}.picker-heading strong{color:#dce4e7;font-size:12px;font-weight:700}.picker-field{display:grid;gap:5px}.picker-field>span{color:#6f828b;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.picker-field select,.picker-field input{width:100%;height:36px;border:1px solid #2b3940;border-radius:4px;color:#e5ecef;background:#10191d;font-size:11px}.picker-field select{padding:0 34px 0 10px}.picker-field input{padding:0 10px}.picker-field select:focus,.picker-field input:focus{border-color:#9d7d48;outline:1px solid #9d7d48}.picker-field select:disabled,.picker-field input:disabled{opacity:.55}.auth-form{display:grid;gap:10px}.target-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px}.target-switch button{height:28px;border:1px solid #3d4a44;border-radius:4px;color:#d7dece;background:transparent;font-size:11px;font-weight:700;cursor:pointer}.target-switch button.selected{color:#19130a;background:#d3ae67;border-color:#9d7d48}.auth-submit{height:36px;border:1px solid #9d7d48;border-radius:4px;color:#19130a;background:#d3ae67;font-size:11px;font-weight:800;cursor:pointer}.auth-submit:hover,.auth-submit:focus-visible{background:#e0bd78;outline:none}.auth-submit:disabled{cursor:default;opacity:.6}.token-match-banner{margin:8px 12px 0;padding:8px 10px;border:1px solid #3d5c49;border-radius:4px;background:#132019;color:#d7eadc;font-size:12px;line-height:1.4}.token-match-banner.error{border-color:#6a3d3a;background:#241616;color:#f0c9c6}.picker-status,.picker-error{font-size:9px}.picker-status{color:#71838b}.picker-error{color:#d48782}.tabs{height:44px;display:flex;align-items:flex-end;padding:0 16px;border-bottom:1px solid #263138;background:#0d1519}.list-controls{display:flex;gap:6px;margin:0 0 8px auto}.size-toggle{display:flex;border:1px solid #29363c}.size-toggle button{width:20px;height:18px;padding:0;border:0;color:#718087;background:transparent;font-size:10px;font-weight:800;line-height:1;cursor:pointer}.size-toggle button+button{border-left:1px solid #29363c}.size-toggle button.selected{color:#d8bc87;background:#1c1811}.tab{height:44px;padding:0 10px;border:0;border-bottom:2px solid transparent;color:#718087;background:transparent;font-size:11px;font-weight:800;letter-spacing:.04em}.tab.active{border-bottom-color:#c8a66a;color:#d8bc87}.table-head{display:grid;grid-template-columns:42px 38px minmax(125px,1fr) minmax(75px,.8fr) 45px 82px 22px;gap:8px;padding:10px 14px 7px;color:#52646d;font-size:8px;font-weight:800;letter-spacing:.07em}.combat-list{padding:0 10px 12px}.table-head.is-large{font-size:10px}.combat-list.is-large .initiative{font-size:16px}.combat-list.is-large .initial-token{font-size:18px}.combat-list.is-large .identity strong{font-size:16px}.combat-list.is-large .identity span,.combat-list.is-large .condition-chip,.combat-list.is-large .more-chip{font-size:12px}.combat-list.is-large .metric span{font-size:10px}.combat-list.is-large .metric strong{font-size:15px}.combat-list.is-large .token-glyph-primary{font-size:17px}.combat-list.is-large .token-glyph-secondary{font-size:10px}.combat-list.is-large .token-glyph-subscript{font-size:11px}.combat-list.is-large .token-glyph-stack{font-size:8px}.table-head.is-compact{grid-template-columns:28px 22px minmax(72px,1fr) minmax(36px,.55fr) 26px 48px 12px;gap:4px;padding:3px 8px 2px}.combat-list.is-compact{padding:0 6px 6px}.combat-list.is-compact .combatant-row{margin-bottom:1px}.combat-list.is-compact .combatant-main{min-height:0;grid-template-columns:28px 22px minmax(72px,1fr) minmax(36px,.55fr) 26px 48px 12px;gap:4px;padding:1px 4px}.combat-list.is-compact .initiative{width:26px;height:18px}.combat-list.is-compact.is-large .initiative{height:22px}.combat-list.is-compact .initial-token{width:18px;height:18px;border-width:1px}.combat-list.is-compact.is-large .initial-token{width:22px;height:22px}.combat-list.is-compact .identity span,.combat-list.is-compact .metric span{display:none}.combat-list.is-compact .identity strong,.combat-list.is-compact .metric strong{line-height:1.1}.combat-list.is-compact .metric strong{margin-top:0}.combat-list.is-compact .condition-chip,.combat-list.is-compact .more-chip{min-height:14px;padding:0 4px}.out-bucket{margin:4px 10px 12px;border-top:1px solid #202c32;padding-top:10px}.out-bucket-label{display:flex;justify-content:space-between;padding:0 4px 8px;color:#718087;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.out-bucket ul{margin:0;padding:0;list-style:none}.out-bucket li{display:flex;align-items:center;gap:8px;padding:7px 4px;color:#8b9aa1;font-size:13px}.out-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.out-tag{margin-left:auto;color:#52646d;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.out-empty{margin:0;padding:4px;color:#52646d;font-size:12px}.combatant-row{margin-bottom:4px;border:1px solid #202c32;background:#0d1519;transition:border-color .12s ease,background .12s ease}.combatant-row:hover{border-color:#33434a;background:#10191d}.combatant-row.is-active{border-left:3px solid #c8a66a;background:#131b1e}.combatant-main{width:100%;min-height:57px;display:grid;grid-template-columns:42px 38px minmax(125px,1fr) minmax(75px,.8fr) 45px 82px 22px;align-items:center;gap:8px;padding:7px 8px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.initiative{width:38px;height:32px;display:grid;place-items:center;border:1px solid #29363c;color:#dce5e8;background:#111c21;font-size:13px;font-weight:800}.initial-token{width:32px;height:32px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;box-shadow:0 1px 3px #0000008c;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:800;line-height:1}.token-glyphs{display:flex;align-items:center;justify-content:center}.token-glyph-primary{font-size:15px}.token-glyph-secondary{font-size:8px}.token-glyphs-stacked{gap:0}.token-glyph-stack{display:flex;flex-direction:column;font-size:7px;line-height:.85}.token-glyph-subscript{align-self:flex-end;font-size:9px}.matched-token-color,.manual-token-color{border-color:#ffffffe6}.unmatched-token{border-style:dashed;border-color:#718089;color:#dbe3e6}.identity{min-width:0}.identity strong{display:block;overflow:hidden;color:#e6ecee;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.identity span{display:block;margin-top:2px;color:#6f828b;font-size:9px;text-transform:capitalize}.conditions-cell{min-width:0;display:flex;flex-wrap:wrap;gap:3px}.condition-chip,.more-chip{display:inline-flex;align-items:center;min-height:20px;padding:2px 6px;border:1px solid #554527;border-radius:999px;color:#d5b97f;background:#1c1811;font-size:9px;white-space:nowrap}.condition-chip.compact{max-width:88px;overflow:hidden;text-overflow:ellipsis}.more-chip{border-color:#304048;color:#90a0a7;background:#111b20}.metric{min-width:0}.metric span{display:block;color:#586a72;font-size:8px;font-weight:800}.metric strong{display:block;margin-top:2px;overflow:hidden;color:#cbd5d9;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.metric.hp strong{font-variant-numeric:tabular-nums}.chevron{color:#607078;font-size:13px;text-align:center}.combatant-detail{padding:6px 8px 8px;border-top:1px solid #202b30;background:#0a1114}.detail-table{display:grid;grid-template-columns:repeat(5,minmax(44px,auto)) minmax(90px,1fr) auto;align-items:start;gap:6px}.detail-table>div{min-width:0;padding:6px 7px;border:1px solid #202d33;background:#0e171b}.detail-table span,.detail-label{display:block;margin-bottom:3px;color:#61747d;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.detail-table strong{color:#dce4e7;font-size:13px;font-variant-numeric:tabular-nums}.detail-conditions{min-width:0}.token-match-status{display:flex;align-items:center;gap:6px;color:#7fa88e;font-size:9px}.match-dot{width:6px;height:6px;border-radius:50%;background:#68a881}.token-color-editor{display:grid;gap:4px;justify-items:start}.token-color-palette{display:flex;flex-wrap:wrap;gap:4px}.token-color-choice{width:25px;height:25px;padding:0;border:2px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 1px 3px #00000073;cursor:pointer}.token-color-choice:hover,.token-color-choice:focus-visible{outline:2px solid #c8a66a;outline-offset:2px}.token-color-choice.selected{border-color:#fff;box-shadow:0 0 0 2px #c8a66a,0 1px 3px #00000073}.condition-list{display:flex;flex-wrap:wrap;gap:4px}.muted{color:#65767e;font-size:10px}.empty-state{padding:44px 20px;border:1px dashed #27343a;color:#6f8087;text-align:center;font-size:11px}.status-bar{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid #202a2f;color:#5f7078;background:#0a1013;font-size:9px}.status-bar>div{display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:#68a881;box-shadow:0 0 0 2px #68a8811a}.status-dot.error{background:#ba5b57}.error-banner{display:grid;gap:2px;margin:8px 10px 12px;padding:8px 10px;border:1px solid #633a36;color:#c7847f;background:#1b1111;font-size:9px}.error-banner strong{color:#df9a95}@media(max-width:500px){.table-head:not(.is-compact){grid-template-columns:36px 30px minmax(80px,1fr) 38px 66px 14px;gap:4px;padding-inline:8px}.table-head span:nth-child(4){display:none}.combat-list:not(.is-compact) .combatant-main{grid-template-columns:36px 30px minmax(80px,1fr) 38px 66px 14px;gap:4px;padding-inline:4px}.combat-list:not(.is-compact) .initiative{width:32px}.conditions-cell{display:none}.combat-list:not(.is-compact) .initial-token{width:28px;height:28px}.token-glyph-primary{font-size:13px}.token-glyph-secondary,.token-glyph-subscript{font-size:7px}.token-glyph-stack{font-size:6px}.combatant-detail{padding-inline:4px}.detail-table{grid-template-columns:repeat(5,minmax(36px,1fr))}.detail-conditions,.token-color-editor{grid-column:1 / -1}}@media(max-width:360px){.app-header{flex-wrap:wrap;gap:8px;padding:12px 10px}.app-header>div:first-child{min-width:0;flex:1 1 180px}.app-header h1,.app-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-side{flex:0 1 auto;gap:5px}.change-selection{padding-inline:6px}}