/* Styles for the multi-view app: auth, tabs, battle maps, trackers and dice. Base theme lives in styles.css. */

/* ---- Shell: auth, tabs, roles ------------------------------------------------ */
.boot{position:fixed;inset:0;display:grid;place-items:center;color:var(--green);letter-spacing:3px;font:600 14px Rajdhani,sans-serif}
.auth-view{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#10233a 0,#070b13 70%)}
.auth-card{width:min(400px,92vw);background:var(--panel);border:1px solid var(--edge);padding:30px 28px;box-shadow:0 20px 80px #000}
.brand.big{font-size:32px;display:block}.auth-form label{display:block;color:#91a4b4;font:600 11px Rajdhani,sans-serif;letter-spacing:1px;margin-bottom:14px}
.auth-form input{display:block;margin-top:5px;width:100%;border:1px solid #304156;background:#111d2c;color:var(--ink);padding:9px;outline:none;font:13px 'DM Mono',monospace}.auth-form input:focus{border-color:var(--green)}
.auth-form .button{width:100%;margin-top:6px;height:38px}.auth-note,.invite-info{font-size:11px;color:var(--muted);line-height:1.6}.invite-info b{color:var(--green)}.form-error{color:var(--danger);font-size:12px;min-height:16px;margin:12px 0 0}
.tabs{display:flex;gap:2px;height:100%}.tabs a{display:flex;align-items:center;padding:0 12px;color:#8ea2b3;text-decoration:none;font:600 13px Rajdhani,sans-serif;letter-spacing:1.5px;border-bottom:2px solid transparent}.tabs a:hover{color:var(--green)}.tabs a.active{color:#ecffff;border-bottom-color:var(--green);background:#0f1b2a}
.search{max-width:420px}.top-actions{align-items:center}
.campaign-select{height:34px;max-width:200px;background:#111d2c;border:1px solid #33465a;color:var(--ink);font:12px 'DM Mono',monospace;padding:0 6px}
.presence{display:flex;gap:3px}.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 10px Rajdhani,sans-serif;background:#142536;border:1px solid var(--cyan);color:var(--cyan)}.avatar.gm{border-color:var(--orange);color:var(--orange)}
.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.sync-dot.online{background:var(--green);box-shadow:0 0 8px var(--green)}.sync-dot.connecting{background:#f3e55d}.sync-dot.offline{background:var(--danger)}
body:not([data-view=city]) .city-only{visibility:hidden}
body:not(.is-gm) .gm-only,body.previewing .city-view .gm-only{display:none!important}
body:not(.is-gm) .city-view,body.previewing .city-view{grid-template-rows:minmax(0,1fr) 0}
.view{min-height:0;min-width:0;overflow:hidden}.preview-button{width:100%;margin-top:10px}
fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{opacity:.75}
.check{display:flex!important;align-items:center;gap:6px;cursor:pointer}.check input{width:auto!important;margin:0!important;accent-color:var(--green)}
.hint{font-size:10px;color:var(--muted);line-height:1.6;margin:6px 0}.hint kbd,.tool-options kbd{font:10px 'DM Mono',monospace;border:1px solid #33465a;padding:0 3px;color:#b5c8d5}
.full{width:100%}.mini-button{height:24px;padding:0 7px;font-size:11px}

/* ---- Toasts and dialogs ----------------------------------------------------- */
.toasts{position:fixed;bottom:72px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:6px;z-index:100;pointer-events:none}
.toast{background:#0c1725;border:1px solid var(--cyan);color:var(--ink);padding:9px 14px;font-size:12px;box-shadow:0 8px 30px #000;max-width:520px}.toast.error{border-color:var(--danger);color:#ffc2c8}.toast.warn{border-color:var(--orange)}.toast.success{border-color:var(--green)}
.wide-dialog{width:min(720px,94vw)}.dialog-sub{font:700 12px Rajdhani,sans-serif;letter-spacing:2px;color:#9fb4c4;margin:20px 0 8px}
.member-list{list-style:none;margin:0;padding:0}.member-list li{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #182434}.member-list li>span{flex:1;min-width:0}.member-list small{color:var(--muted);font-size:10px}
.member-list select,.member-list input{background:#111d2c;border:1px solid #304156;color:var(--ink);font:11px 'DM Mono',monospace;padding:5px}.member-list input{flex:1;min-width:0}
.invite-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin-bottom:6px}.inline-form label{flex:1;min-width:160px;margin-bottom:0!important}.dialog-actions.left{justify-content:flex-start}
.dialog-card textarea{margin-top:5px;width:100%;border:1px solid #304156;background:#111d2c;color:var(--ink);padding:8px;font:12px 'DM Mono',monospace}

/* ---- Lists of maps / trackers ------------------------------------------------ */
.list-page{height:100%;overflow:auto;padding:26px 30px}.list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.list-head h1{margin:0;font:700 26px Rajdhani,sans-serif;letter-spacing:3px;color:#effbff}
.card-grid{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.map-card{background:#0d1726;border:1px solid var(--edge);display:flex;flex-direction:column}.map-card a{display:block;padding:16px;text-decoration:none;color:var(--ink);flex:1}.map-card a:hover{background:#122236}.map-card strong{display:block;font:700 17px Rajdhani,sans-serif;letter-spacing:1px;color:var(--green)}.map-card small{color:var(--muted);font-size:10px}
.card-actions{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid #182434;font-size:11px}

/* ---- Battle map editor ------------------------------------------------------- */
.battle-shell{height:100%;display:grid;grid-template-columns:230px minmax(0,1fr) 280px;grid-template-rows:52px minmax(0,1fr)}
.battle-head{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:0 14px;background:#0a111d;border-bottom:1px solid var(--edge)}.battle-head h2{margin:0;font:700 18px Rajdhani,sans-serif;letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-head .panel-kicker{margin:0}.battle-head .check{font:600 11px Rajdhani,sans-serif;letter-spacing:1px;color:#91a4b4}
.battle-tools{overflow:auto;padding:12px;border-right:1px solid var(--edge)}.battle-inspector{overflow:auto;padding:16px;border-left:1px solid var(--edge)}
.battle-stage{position:relative;min-width:0;min-height:0;background:#04080d}.battle-stage #bm-stage{position:absolute;inset:0}
.bm-hud{position:absolute;top:12px;left:50%;transform:translateX(-50%);background:#0b1a27f2;border:1px solid #f3e55d;color:#f3e55d;padding:7px 12px;font-size:12px;pointer-events:none}.bm-hud b{color:#fff}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;background:#101a28;border:1px solid #233042;color:#a7bac8;cursor:pointer;font:600 10px Rajdhani,sans-serif;letter-spacing:1px}.tool-btn b{font-size:17px;color:var(--green);line-height:1}.tool-btn:hover{border-color:var(--green)}.tool-btn.active{background:#16304a;border-color:var(--orange);color:#fff}.tool-btn.active b{color:var(--orange)}
.tool-options h3{font:700 12px Rajdhani,sans-serif;letter-spacing:2px;color:#9fb4c4;margin:16px 0 8px}.tool-options label{display:block;color:#91a4b4;font:600 11px Rajdhani,sans-serif;letter-spacing:1px;margin:8px 0}.tool-options select,.tool-options .lib-search{width:100%;margin-top:4px;background:#111d2c;border:1px solid #304156;color:var(--ink);padding:6px;font:11px 'DM Mono',monospace}.tool-options input[type=range]{width:100%;accent-color:var(--green)}
.seg{display:flex;border:1px solid #33465a}.seg button{flex:1;background:transparent;border:0;border-right:1px solid #33465a;color:#a7bac8;font:600 11px Rajdhani,sans-serif;padding:6px 0;cursor:pointer}.seg button:last-child{border-right:0}.seg button.active{background:#16304a;color:var(--orange)}
.floor-list{display:grid;gap:3px;margin-top:8px}.floor-btn{display:flex;align-items:center;gap:8px;background:#101a28;border:1px solid #233042;color:#b5c8d5;padding:4px 6px;cursor:pointer;font:11px 'DM Mono',monospace;text-align:left}.floor-btn.active{border-color:var(--orange);color:#fff}.floor-btn canvas{border:1px solid #33465a}
.lib h4{font:600 10px Rajdhani,sans-serif;letter-spacing:2px;color:var(--muted);margin:12px 0 5px}.lib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.lib-item{background:#101a28;border:1px solid #233042;padding:4px;cursor:pointer;color:#a7bac8;display:flex;flex-direction:column;align-items:center;gap:3px;font:9px 'DM Mono',monospace;min-width:0}.lib-item img{width:100%;height:40px;object-fit:contain}.lib-item span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.lib-item:hover{border-color:var(--green)}.lib-item.active{border-color:var(--orange);background:#16304a}
.swatches{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:6px 0}.swatch{width:20px;height:20px;border:1px solid #33465a;cursor:pointer;padding:0}.swatch.active{outline:2px solid #fff;outline-offset:1px}.swatches input[type=color]{width:28px;height:22px;padding:0;border:1px solid #33465a;background:none}
.range-table{width:100%;border-collapse:collapse;font-size:9px;margin-top:8px}.range-table th,.range-table td{border:1px solid #233042;padding:3px;text-align:center}.range-table th{color:var(--green);font:600 10px Rajdhani,sans-serif}
.obj-form{padding-top:6px}

/* ---- Trackers --------------------------------------------------------------- */
.tracker-shell{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:52px minmax(0,1fr)}
.tracker-main{overflow:auto;padding:16px 18px}.tracker-side{overflow:auto;padding:16px;border-left:1px solid var(--edge)}
.phase{font:600 13px Rajdhani,sans-serif;letter-spacing:1.5px;color:#9fb4c4}.phase b{color:#fff}.phase .now{color:var(--orange)}.head-actions{display:flex;gap:6px;align-items:center}.head-actions select{height:34px;background:#111d2c;border:1px solid #33465a;color:var(--ink);font:11px 'DM Mono',monospace}
.combatant-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.combatant{display:grid;grid-template-columns:64px minmax(160px,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;background:#0d1726;border:1px solid var(--edge);border-left:4px solid #33465a}
.combatant.active{border-color:var(--orange);border-left-color:var(--orange);background:#1a1a14;box-shadow:0 0 18px #ff9d4522}.combatant.acted{opacity:.6}.combatant.out{opacity:.4}.combatant.hidden-c{border-style:dashed}.combatant.down .who strong{text-decoration:line-through}
.combatant .score{font:700 30px Rajdhani,sans-serif;color:#fff;text-align:center}.combatant.active .score{color:var(--orange)}
.who strong{font:700 17px Rajdhani,sans-serif;letter-spacing:1px}.who small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.tag{font-size:10px;border:1px solid var(--orange);color:var(--orange);padding:1px 5px}.tag button{background:none;border:0;color:var(--orange);cursor:pointer;padding:0 0 0 4px}
.monitors{display:grid;gap:4px}.monitor small{font-size:9px;color:var(--muted);letter-spacing:1px}.monitor>div{display:flex;flex-wrap:wrap;gap:2px;max-width:220px}
.box{width:13px;height:13px;border:1px solid #4a5d72;background:#0a121d;padding:0;cursor:pointer}.box.mark{border-right:2px solid #7f97ad}.box.on{background:var(--danger);border-color:var(--danger)}.monitor.stun .box.on{background:var(--cyan);border-color:var(--cyan)}.box.over{border-style:dashed;border-color:#6b2030}.box:disabled{cursor:default}
.row-actions{display:flex;gap:5px;align-items:center}.row-actions select{height:30px;background:#111d2c;border:1px solid #33465a;color:var(--ink);font:11px 'DM Mono',monospace;max-width:120px}.row-actions .button{height:30px}
.field-row.three{grid-template-columns:1fr 1fr 1fr}.tag-picker{display:flex;flex-wrap:wrap;gap:4px}
.log-list{list-style:none;margin:0;padding:0;font-size:11px;line-height:1.5}.log-list li{padding:5px 0;border-bottom:1px solid #182434;color:#b5c8d5}.log-list small{color:var(--muted)}
.range-board{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:12px}.range-board th{font:600 12px Rajdhani,sans-serif;letter-spacing:1px;color:var(--green);padding:6px;border:1px solid #233042}.range-board th small{display:block;color:var(--muted);font:9px 'DM Mono',monospace}.range-board td{border:1px solid #233042;padding:6px;text-align:center;position:relative;height:34px}.range-board td:first-child{text-align:left;white-space:nowrap}.range-board td.here{background:#16304a;color:var(--orange);font-size:16px}.range-board td button{position:absolute;inset:0;background:transparent;border:0;cursor:pointer}.range-board td button:hover{background:#3bc8ff18}
.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.vehicle{background:#0d1726;border:1px solid var(--edge);border-top:3px solid var(--cyan);padding:12px}.vehicle.pursuer{border-top-color:var(--danger)}.vehicle.wrecked{opacity:.55}
.vehicle header strong{font:700 17px Rajdhani,sans-serif;letter-spacing:1px;display:block}.vehicle header small{color:var(--muted);font-size:10px}
.vehicle dl{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 6px;margin:10px 0;font-size:11px}.vehicle dt{color:var(--muted);font-size:9px}.vehicle dd{margin:0 0 4px;color:#fff}
.vehicle footer{display:flex;gap:6px;margin-top:8px}

/* ---- Dice drawer --------------------------------------------------------------- */
.dice-drawer{position:fixed;top:62px;right:0;bottom:0;width:330px;background:#0b1320f7;border-left:1px solid var(--cyan);z-index:20;padding:16px;display:flex;flex-direction:column;box-shadow:-20px 0 60px #000a}
.dice-form label{display:block;color:#91a4b4;font:600 11px Rajdhani,sans-serif;letter-spacing:1px;margin-bottom:10px}.dice-form input:not([type=checkbox]){margin-top:4px;width:100%;border:1px solid #304156;background:#111d2c;color:var(--ink);padding:7px;font:12px 'DM Mono',monospace}.check.tall{margin-top:16px}
.dice-quick{display:flex;gap:3px;margin-bottom:10px}.dice-quick .button{flex:1;height:26px;padding:0}.dice-submit{display:flex;justify-content:space-between;align-items:center;gap:8px}.dice-submit label{margin:0;font:600 11px Rajdhani,sans-serif;color:#91a4b4}.dice-submit .button{min-width:110px}
.dice-log{list-style:none;padding:0;margin:14px 0 0;overflow:auto;flex:1}.dice-log li{border:1px solid #233042;background:#0d1726;padding:9px;margin-bottom:6px}.dice-log li.secret{border-style:dashed;border-color:var(--orange)}
.dice-log header{display:flex;justify-content:space-between;gap:8px}.dice-log header strong{font:700 13px Rajdhani,sans-serif;color:var(--green)}.dice-log header small{color:var(--muted);font-size:10px;text-align:right}
.hits{margin:4px 0;font-size:12px}.hits span{font:700 24px Rajdhani,sans-serif;color:#fff}.glitch{color:var(--orange);margin-left:6px;font:700 12px Rajdhani,sans-serif;letter-spacing:1px}.glitch.crit{color:var(--danger)}
.faces{display:flex;flex-wrap:wrap;gap:3px}.die{font-style:normal;width:20px;height:20px;display:grid;place-items:center;font-size:11px;border:1px solid #33465a;color:#8ea2b3}.die.hit{border-color:var(--green);color:var(--green);background:#00e5a814}.die.one{border-color:var(--danger);color:var(--danger)}.extra{display:flex;gap:3px;align-items:center;color:var(--muted)}

/* ---- Runners: character sheet and quick reference ----------------------------- */
.card-body{padding:16px}.card-body strong{display:block;font:700 17px Rajdhani,sans-serif;letter-spacing:1px;color:#b5c8d5}.card-body small{color:var(--muted);font-size:10px}
.vitals{background:#0d1726;border:1px solid var(--edge);padding:12px 14px;margin-bottom:14px}
.attr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px}
.attr-grid div{background:#0a121d;border:1px solid #233042;text-align:center;padding:5px 2px}.attr-grid small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px}.attr-grid b{font:700 20px Rajdhani,sans-serif;color:#fff}.attr-grid em{font-style:normal;font-size:10px;color:var(--cyan);margin-left:3px}
.vital-row{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:11px;color:#b5c8d5}.vital-row small{color:var(--green);font:600 10px Rajdhani,sans-serif;letter-spacing:1.5px;margin-right:4px}.vital-row b{color:#fff}
.warnings{margin-top:8px;font-size:11px;color:var(--orange)}.warnings ul{margin:6px 0 0;padding-left:18px;color:#b5c8d5}
.ref-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;position:sticky;top:-16px;background:#08101b;padding:8px 0;z-index:2}
.ref-filter input{flex:1;min-width:200px;height:32px;background:#111d2c;border:1px solid #304156;color:var(--ink);padding:0 10px;font:12px 'DM Mono',monospace}
.ref-filter .seg button{padding:6px 9px}
.ref-section{margin-bottom:18px}.ref-section h3{font:700 14px Rajdhani,sans-serif;letter-spacing:2.5px;color:var(--green);margin:0 0 8px;border-bottom:1px solid #1f3044;padding-bottom:4px}.ref-section h4{font:600 11px Rajdhani,sans-serif;letter-spacing:2px;color:#9fb4c4;margin:14px 0 6px}
.action-list{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.action{display:grid;grid-template-columns:minmax(0,1fr) 78px 88px;gap:10px;align-items:center;background:#0d1726;border:1px solid #1c2a3b;padding:6px 10px;cursor:pointer}
.action:hover{border-color:var(--green);background:#102033}.action.static{cursor:default}.action.static:hover{border-color:#1c2a3b;background:#0d1726}
.a-name b{font:700 14px Rajdhani,sans-serif;letter-spacing:.5px;color:#e6f6fa}.a-name small{color:var(--muted);font-size:10px;margin-left:8px}.a-name p{margin:2px 0 0;font-size:10px;color:#8ea2b3;line-height:1.4}
.a-pool{text-align:right}.a-pool b{font:700 22px Rajdhani,sans-serif;color:var(--green)}.a-pool b.zero{color:var(--danger)}.a-pool small{display:block;color:#9fb4c4;font-size:10px}.a-pool .na{color:#4a5d72}
.a-page{font-size:9px;color:var(--muted);text-align:right}
.weapon-table{width:100%;border-collapse:collapse;font-size:11px}.weapon-table th{font:600 10px Rajdhani,sans-serif;letter-spacing:1px;color:var(--green);text-align:left;padding:5px 6px;border-bottom:1px solid #233042}
.weapon-table td{padding:6px;border-bottom:1px solid #182434;vertical-align:top;color:#d7e3ec}.weapon-table td small{display:block;color:var(--muted);font-size:9px}
.pool-btn{background:#102033;border:1px solid var(--green);color:var(--green);font:700 16px Rajdhani,sans-serif;min-width:38px;height:28px;cursor:pointer}.pool-btn:hover{background:var(--green);color:#05130f}
.w-extra{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.vehicle-card{background:#0a121d;border:1px solid #233042;border-left:3px solid var(--cyan);padding:10px;margin-top:10px}.vehicle-card header b{font:700 16px Rajdhani,sans-serif}.vehicle-card header small{color:var(--muted);font-size:10px;margin-left:8px}.v-stats{font-size:10px;color:#9fb4c4;margin:4px 0 8px}
.chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.chip-list li{font-size:10px;border:1px solid #33465a;padding:2px 6px;color:#b5c8d5}.chip-list li.neg{border-color:#6b2030;color:#ffb3bc}
.ref-table{border:1px solid #1c2a3b;margin-bottom:6px;background:#0d1726}.ref-table summary{cursor:pointer;padding:8px 10px;font:700 13px Rajdhani,sans-serif;letter-spacing:1px}.ref-table summary small{color:var(--muted);font:10px 'DM Mono',monospace;margin-left:6px}.ref-table table,.ref-table .hint{margin:0 10px 10px;width:calc(100% - 20px)}
.mod-field{display:block;color:#91a4b4;font:600 11px Rajdhani,sans-serif;letter-spacing:1px;margin:10px 0}.mod-field input{display:block;margin-top:4px;width:100%;border:1px solid #304156;background:#111d2c;color:var(--ink);padding:7px;font:13px 'DM Mono',monospace}
.sheet-shell .tracker-side .check{font:600 11px Rajdhani,sans-serif;color:#b5c8d5;margin:6px 0}

.hint-list{margin:16px 0 0;padding-left:18px;font-size:10px;color:var(--muted);line-height:1.6}
.char-pick{flex:1;height:34px;background:#111d2c;border:1px solid var(--green);color:var(--green);font:600 12px Rajdhani,sans-serif;letter-spacing:1px}