.app{display:flex;flex-direction:column;height:100vh}.app-body{flex:1;display:flex;min-height:0}.battlefield-region{flex:1;position:relative;min-width:0;background:radial-gradient(900px 500px at 50% 40%,rgba(20,40,66,.5),transparent 70%),#070b12}.panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft);width:288px;overflow-y:auto;padding:14px;flex-shrink:0}.panel.left{border-left:none}.panel.right{border-right:none}.panel>h2{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);margin-bottom:14px}.panel-section{margin-bottom:18px}.panel-section>h3{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint);border-bottom:1px solid var(--border-soft);padding-bottom:5px;margin-bottom:9px}.toolbar{display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#131b27,#0e141d);border-bottom:1px solid var(--border);padding:9px 14px;flex-wrap:wrap}.toolbar .spacer{flex:1}.toolbar .brand{font-weight:700;font-size:15px;letter-spacing:.04em;margin-right:10px;display:flex;align-items:center;gap:2px}.toolbar .brand:before{content:"";width:9px;height:9px;margin-right:8px;border-radius:2px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 10px #43c6f599;transform:rotate(45deg)}.toolbar .brand span{color:var(--accent)}.toolbar-collapsed{padding:3px 10px;font-size:12px;background:linear-gradient(180deg,#0d131c,#0a0f17);flex-wrap:nowrap}.topbar-toggle{padding:2px 8px;font-size:12px;line-height:1.4;opacity:.75}.topbar-toggle:hover{opacity:1}.match-name-mini{font-weight:600;letter-spacing:.01em}.menu-label{padding:4px 10px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.menu-sep{border:0;border-top:1px solid var(--border-soft);margin:4px 0}.toolbar .unseen{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:var(--accent-ink);padding:3px 11px;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 0 14px #43c6f54d}.acting-as{display:flex;align-items:center;gap:6px}.acting-as select{width:auto}.online-pill{color:var(--ok);font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:5px}.tool-btn-group{display:flex;gap:5px;flex-wrap:wrap}.list-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);cursor:pointer;font-size:13px;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.list-item:hover{background:var(--panel-3)}.list-item.selected{background:#43c6f51f;border-color:#43c6f566;box-shadow:inset 3px 0 0 var(--accent)}.swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.activity-entry{font-size:12px;padding:4px 0;border-bottom:1px solid var(--border-soft);color:var(--text-dim)}.activity-entry .type{color:var(--accent);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.02em}.pill{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--panel-3);border:1px solid var(--border);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.warn-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;gap:6px;max-width:80%}.warn-item{background:#121822eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--warn);border-left-width:3px;border-radius:var(--r);padding:9px 13px;font-size:13px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-2)}.warn-item .warn-actions{display:flex;gap:5px;margin-left:auto}.warn-item button{padding:3px 9px;font-size:12px}.bottom-panel{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:20;width:min(940px,74vw);max-height:48vh;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-2);display:flex;align-items:stretch;overflow:auto}.bottom-col.score-col{flex:1 1 240px;min-width:220px}.bottom-col.activity-col{flex:1.4 1 300px;min-width:260px;display:flex;flex-direction:column}.bottom-col{padding:11px 14px;border-right:1px solid var(--border-soft);overflow-y:auto;min-height:0}.bottom-col.grow{flex:1;display:flex;flex-direction:column}.bottom-col.turn-col{flex:1 1 240px;min-width:220px;overflow:hidden}.turn-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 8px}.turn-round{font-size:22px;font-weight:700;letter-spacing:-.01em}.turn-player{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-size:13px}.scoring-overlays{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-soft)}.scoring-overlays-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;width:100%}.scoring-overlays button{padding:3px 8px;font-size:11px}.overlay-menu-note{padding:6px 10px 2px;font-size:11px;border-top:1px solid var(--border-soft);margin-top:4px}.turn-clock{display:flex;align-items:stretch;gap:6px;margin-bottom:10px}.clock-cell{display:flex;align-items:center;gap:6px;flex:1;padding:5px 8px;background:var(--panel-3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-dim)}.clock-cell.running{border-color:var(--accent);color:var(--text);background:linear-gradient(180deg,var(--panel-3),var(--panel-2))}.clock-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:13px}.clock-action{padding:5px 9px}.clock-hint{align-self:center;font-size:11px;letter-spacing:.08em}.phase-stepper{display:inline-flex;align-items:center;gap:6px}.phase-arrow{padding:2px 8px;font-size:13px;line-height:1}.turn-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.turn-actions button{width:100%;justify-content:center;text-align:center;padding:7px 8px;white-space:nowrap}.turn-actions .span2{grid-column:1 / -1}.bottom-col>h3{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-faint)}.bottom-tab-content{flex:1;overflow-y:auto;min-height:0}.bottom-collapsed{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:20;background:#101621e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-1);height:40px;display:flex;align-items:center;gap:12px;padding:0 16px}.panel-wrap{position:relative;display:flex;flex-shrink:0}.panel-collapse{position:absolute;top:10px;z-index:3;padding:2px 6px;font-size:11px;background:var(--panel-3);opacity:.7}.panel-collapse:hover{opacity:1}.panel-collapse.left{right:8px}.panel-collapse.right{left:8px}.panel-rail{writing-mode:vertical-rl;text-orientation:mixed;padding:14px 5px;border-radius:0;border-top:none;border-bottom:none;background:linear-gradient(180deg,var(--panel),var(--panel-2));color:var(--text-dim);font-size:11px;letter-spacing:.12em;text-transform:uppercase;flex-shrink:0}.panel-rail:hover{color:var(--text);background:var(--panel-2)}.unit-group{margin-bottom:5px}.unit-head{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:var(--r-sm);cursor:pointer;font-size:13px;background:var(--panel-2);border:1px solid var(--border-soft);transition:background .12s ease,border-color .12s ease}.unit-head:hover{background:var(--panel-3);border-color:var(--border)}.unit-head.selected{background:#43c6f51f;border-color:#43c6f573}.unit-head .grow{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.unit-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#0a0e16;flex-shrink:0;box-shadow:var(--shadow-1)}.collapse-btn{padding:0 4px;background:transparent;border:none;color:var(--text-dim);font-size:11px}.collapse-btn:hover{background:transparent;color:var(--text)}.tray-block{margin-top:6px}.tray-head{display:flex;align-items:center;gap:6px;padding:3px 4px;border-bottom:1px dashed var(--border);margin-bottom:3px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.tray-head .grow{flex:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070c9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .14s ease}.modal{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:22px;width:440px;max-width:92vw;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-3);animation:pop-in .16s cubic-bezier(.2,.8,.3,1)}.modal h2{margin-top:0;font-size:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.match-row{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--border-soft);border-radius:var(--r);margin-bottom:6px;background:var(--panel-2)}.match-row .grow{flex:1}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.985)}}.overlay-menu{position:relative;display:inline-block}.overlay-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.overlay-menu-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:41;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-strong);border-radius:var(--r);padding:7px;min-width:180px;box-shadow:var(--shadow-2)}.overlay-menu-item{display:flex;align-items:center;gap:8px;padding:6px 7px;border-radius:var(--r-sm);cursor:pointer;color:var(--text);font-size:13px}.overlay-menu-item:hover{background:var(--panel-3)}.tools-menu-btn{display:block;width:100%;text-align:left;margin-bottom:4px}.tools-menu-row{display:flex;align-items:center;gap:4px;margin-bottom:4px}.tools-menu-row .tools-menu-btn{margin-bottom:0}.hover-name{position:absolute;z-index:6;transform:translate(-50%,-100%);background:#0a0e16e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:2px 8px;font-size:12px;color:var(--text);pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-1)}.measure-label{position:absolute;z-index:6;background:#0a0e16db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--accent);border-radius:var(--r-sm);padding:3px 9px;font-family:var(--font-mono);font-size:12.5px;color:var(--text);pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-1)}.datasheet-card{position:absolute;z-index:7;transform:translate(14px,-100%);min-width:150px;max-width:240px;background:#0a0e16eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent);border-radius:var(--r);padding:8px 10px;font-size:12.5px;color:var(--text);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:5px}.datasheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.datasheet-head button{padding:0 6px;font-size:12px}.datasheet-stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-family:var(--font-mono)}.statline{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.statline-cell{display:flex;flex-direction:column;align-items:center;min-width:34px;padding:3px 6px;border:1px solid var(--border-soft);border-radius:5px;background:var(--panel-3);font-family:var(--font-mono);line-height:1.25}.statline-key{font-size:9px;letter-spacing:.08em;color:var(--text-dim)}.datasheet-rules{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding-top:4px;border-top:1px solid var(--border-soft)}.datasheet-ability{font-size:11.5px;line-height:1.35}.datasheet-weapon{font-size:11px}.datasheet-weapon-profile{display:flex;flex-wrap:wrap;gap:2px 8px;color:var(--text-dim);font-family:var(--font-mono)}.datasheet-keywords{font-size:10.5px;line-height:1.3}.ability-range-chips{display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle}.ability-range-chip{padding:0 5px;font-size:10.5px;line-height:1.5;font-family:var(--font-mono);border-radius:999px;border:1px solid var(--border-soft);background:var(--panel-3);color:var(--text-dim);cursor:pointer}.ability-range-chip:hover{color:var(--text);border-color:#a855f7}.ability-range-chip.active{background:#a855f7;border-color:#a855f7;color:#0f172a;font-weight:700}.tray-dock{position:absolute;bottom:10px;right:12px;display:flex;gap:6px;z-index:6;pointer-events:none}.tray-dock-box{pointer-events:auto;width:94px;height:46px;border:1.5px dashed var(--border-strong);border-radius:var(--r);background:#0a0e16b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);line-height:1.2;text-align:center;transition:border-color .14s ease,color .14s ease,background .14s ease}.tray-dock-box:hover{border-color:var(--accent);color:var(--text);background:#101824d9}.tray-dock-box.destructive{border-color:#f0525f8c}.tray-dock-box.destructive:hover{border-color:var(--danger);color:#ffd7db}.tray-dock-label{font-weight:600}.tray-dock-count{color:var(--text);font-family:var(--font-mono);font-size:12px}.camera-hud{position:absolute;bottom:10px;left:12px;z-index:5;width:196px;max-height:64vh;overflow-y:auto;background:#0a0e16d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--r);padding:8px 10px;font-size:12px;font-family:var(--font-mono);display:flex;flex-direction:column;align-items:stretch;gap:6px;box-shadow:var(--shadow-1)}.camera-hud>span{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.camera-hud button{padding:2px 8px;font-size:12px}.modal.shortcuts{width:380px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.shortcut-keys{display:flex;gap:4px;align-items:center}.shortcut-keys .plus{color:var(--text-faint);margin:0 2px;font-size:11px}kbd{font-family:var(--font-mono);font-size:11px;background:var(--panel-3);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;padding:2px 7px;color:var(--text)}.shortcut-label{color:var(--text-dim);font-size:13px}.right-tabs{display:flex;gap:6px;margin-bottom:14px}.right-tabs button{flex:1}.dice-tray,.dice-roller{display:flex;flex-direction:column;flex:1;min-height:0;gap:7px}.dice-presets{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.preset-chip{cursor:pointer}.preset-chip:hover{border-color:var(--accent)}.preset-save{font-size:11px;padding:3px 9px}.dice-pool-lg{min-height:118px;max-height:38vh}.die-row{display:flex;align-items:center;gap:7px;width:100%}.die-row-tag{display:flex;flex-direction:column;align-items:center;min-width:32px;padding:4px 5px;line-height:1.05;border-radius:var(--r-sm);flex-shrink:0;align-self:flex-start}.die-row-tag.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.die-row-tag .tv{font-family:var(--font-mono);font-weight:700;font-size:14px}.die-row-tag .tn{font-size:9px;color:var(--text-dim)}.die-row-dice{display:flex;flex-wrap:wrap;gap:5px;flex:1;min-width:0}.die-row-move{flex-shrink:0;align-self:flex-start;padding:4px 9px;color:var(--text-dim)}.die-row-move:hover{color:var(--text)}.tray-block-wrap{margin-top:2px}.tray-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tray-title{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-weight:600}.tray-count{flex:1;font-family:var(--font-mono)}.tray-count .ok{color:var(--ok)}.tray-header button{padding:3px 8px;font-size:11px}.dice-bin{display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;min-height:54px;padding:7px;border:1.5px dashed var(--border);border-radius:var(--r-sm);background:#43c6f508;transition:border-color .14s ease,background .14s ease}.dice-bin.has-dice{border-style:solid;border-color:var(--border-soft);background:#00000029}.dice-bin-hint{color:var(--text-faint);font-size:11px;align-self:center;margin:0 auto;text-align:center}.die{cursor:grab}.die:active{cursor:grabbing}.dice-tally{display:flex;flex-wrap:wrap;gap:4px}.tally-chip{display:flex;flex-direction:column;align-items:center;gap:0;min-width:34px;padding:3px 4px;line-height:1.05;border-radius:var(--r-sm);opacity:.4}.tally-chip.present{opacity:1}.tally-chip.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tally-chip .tv{font-family:var(--font-mono);font-weight:700;font-size:13px}.tally-chip .tn{font-size:9px;color:var(--text-dim)}.dice-actions .sep{width:1px;align-self:stretch;background:var(--border);margin:0 2px}.dice-success{margin-top:2px}.success-toggle{width:100%;text-align:left;font-size:12px;color:var(--text-dim);background:transparent;border:1px dashed var(--border)}.success-toggle.on{color:var(--text);border-style:solid}.dice-success-panel{display:flex;gap:8px;margin-top:8px;padding:10px;border:1px solid var(--border-soft);border-radius:var(--r-sm);background:#0000002e}.dice-history{border-top:1px solid var(--border-soft);padding-top:9px}.dice-history h4{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--text-dim);margin-bottom:6px}.dice-history-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0;border-bottom:1px solid var(--border-soft)}.dice-history-row .grow{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dice-history-row .rerun{padding:1px 8px}.dice-history-row .ok{color:var(--ok);font-family:var(--font-mono)}.dice-config{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.dice-config input,.dice-config select{padding:5px 6px}.dice-pool{position:relative;flex:1;min-height:40px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;padding:7px;background:#00000038;border:1px solid var(--border-soft);border-radius:var(--r-sm);-webkit-user-select:none;user-select:none}.dice-bin{position:relative;-webkit-user-select:none;user-select:none}.marquee{position:absolute;border:1px solid var(--accent);background:#43c6f524;border-radius:2px;pointer-events:none;z-index:5}.dice-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.dice-actions button{padding:4px 8px;font-size:12px}.dice-summary{display:flex;gap:8px;font-size:12px;align-items:center}.dice-summary b{font-family:var(--font-mono);font-weight:700}.dice-summary .ok{color:var(--ok)}.dice-summary .crit{color:var(--warn)}.dice-summary .fail{color:var(--text-faint)}.die{width:40px;height:40px;padding:0;border-radius:9px;display:grid;place-items:center;background:linear-gradient(160deg,#f2f5fa,#cbd5e3);color:#0a0e16;border:2px solid #93a1b6;cursor:pointer;transition:transform .06s ease,box-shadow .14s ease,border-color .14s ease;box-shadow:inset 0 1px #ffffffb3,var(--shadow-1)}.die:hover{transform:translateY(-1px)}.die-num{font-family:var(--font-mono);font-weight:700;font-size:14px}.die-pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:26px;height:26px;gap:2px}.die-pips .pip{border-radius:50%}.die-pips .pip.on{background:#0a0e16}.die-success{border-color:var(--ok);box-shadow:0 0 0 1px #2ecb8280,var(--shadow-1)}.die-crit{border-color:#eab308;background:linear-gradient(160deg,#fff2cc,#ffd873);box-shadow:0 0 12px #eab30899}.die-fail{opacity:.5;filter:grayscale(.35)}.die-selected{outline:2px solid var(--accent);outline-offset:2px}.scoreboard{font-size:13px}.score-head,.score-row{display:grid;grid-template-columns:96px repeat(3,1fr) 68px;align-items:center;gap:6px;padding:4px 0}.score-head{border-bottom:1px solid var(--border);padding-bottom:5px;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.score-cell{text-align:center;font-size:12px}.score-cell.counter{display:flex;align-items:center;justify-content:center;gap:4px}.score-cell.counter button{padding:0 8px}.score-cell.counter strong,.score-cell.total{font-family:var(--font-mono)}.score-cell.total{font-weight:700;font-size:17px;color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--text);cursor:pointer;transition:border-color .12s ease}.chip:hover{border-color:var(--border-strong)}.chip .swatch{width:8px;height:8px;border-radius:50%}.chip-x{background:transparent;border:none;color:var(--text-dim);padding:0 0 0 2px;font-size:13px;cursor:pointer}.chip-x:hover{background:transparent;color:var(--danger)}.template-grid{display:flex;flex-direction:column;gap:6px;max-height:264px;overflow-y:auto}.map-matrix{max-height:340px;overflow-y:auto}.map-matrix-table{width:100%;border-collapse:collapse;font-size:.85rem}.map-matrix-table th,.map-matrix-table td{padding:3px 6px;text-align:center;border-bottom:1px solid var(--border, #2a3a4a)}.map-matrix-table th{position:sticky;top:0;background:var(--panel, #16202c);color:var(--muted, #8aa);font-weight:600}.map-matrix-table td button{min-width:30px;padding:2px 8px}.map-matrix-table tr:last-child td{border-bottom:none}.template-card{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--border-soft);border-radius:var(--r);background:var(--panel-2);transition:border-color .12s ease}.template-card:hover{border-color:var(--border)}.template-card .grow{flex:1}.template-form{margin-top:16px;padding-top:14px;border-top:1px solid var(--border-soft)}.template-form h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.import-table{max-height:46vh;overflow-y:auto;border:1px solid var(--border-soft);border-radius:var(--r)}.import-head,.import-row{display:grid;grid-template-columns:34px 1fr 64px 74px 52px 60px 26px;gap:6px;align-items:center;padding:5px 7px}.import-head{position:sticky;top:0;background:var(--panel-3);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.import-row+.import-row{border-top:1px solid var(--border-soft)}.import-subrow{display:grid;grid-template-columns:34px 1fr 44px 60px;gap:6px;align-items:center;padding:3px 7px 3px 26px;font-size:12px;color:var(--text-dim)}.import-subrow .grow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-row input{padding:3px 6px}.import-pic{display:flex;align-items:center;justify-content:center;width:30px;height:30px}.import-pic img{width:30px;height:30px;object-fit:cover;border-radius:50%;border:1px solid var(--border)}.import-pic-empty{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px dashed var(--border);color:var(--text-dim);font-size:15px;line-height:1}.import-pic:hover .import-pic-empty{border-color:var(--accent, var(--text-dim));color:var(--text)}.account-pill{display:inline-flex;align-items:center;gap:6px;max-width:220px}.account-dot{width:7px;height:7px;border-radius:999px;background:var(--ok);box-shadow:0 0 8px #2ecb8299;flex:none}.tier-badge{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--accent);border:1px solid var(--border-strong);border-radius:999px;padding:1px 7px}.warn-badge{margin-left:8px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--warn);border:1px solid var(--warn);border-radius:999px;padding:1px 7px}.handoff-btn{width:100%;justify-content:center}.field{display:flex;flex-direction:column;gap:4px;margin:8px 0}.account-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:8px 0}.account-facts dt{color:var(--muted, #8a97a8);font-size:12px}.account-facts dd{margin:0;display:flex;align-items:center;gap:6px}.account-section{margin:12px 0 4px;display:flex;flex-direction:column;gap:6px}.account-rosters{margin:10px 0;display:flex;flex-direction:column;gap:6px}.roster-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.roster-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:6px}.roster-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.roster-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-meta .muted{font-size:12px}.roster-row button{flex:none}.link-btn{background:none;border:none;color:var(--accent);padding:0;font-size:12px;cursor:pointer}.link-btn:disabled{color:var(--muted, #8a97a8);cursor:default}.landing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:radial-gradient(1000px 600px at 50% 35%,rgba(20,40,66,.85),transparent 70%),#04070ceb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.landing-card{width:min(480px,90vw);text-align:center;padding:8px}.landing-brand{font-size:34px;font-weight:800;letter-spacing:.02em}.landing-brand span{color:var(--accent)}.landing-tagline{color:var(--muted, #8a97a8);margin:6px 0 26px}.landing-actions{display:flex;flex-direction:column;gap:12px}.landing-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 18px;border:1px solid var(--border-strong, #2a3546);border-radius:var(--r, 8px);background:linear-gradient(180deg,var(--panel-2, #131b28),var(--panel, #0d141e));cursor:pointer;text-align:left;transition:border-color .12s,transform .06s}.landing-btn:hover{border-color:var(--accent)}.landing-btn:active{transform:translateY(1px)}.landing-btn.primary{border-color:var(--accent);box-shadow:0 0 0 1px #43c6f540}.landing-btn-title{font-size:16px;font-weight:700;color:var(--text)}.landing-btn-sub{font-size:12.5px;color:var(--muted, #8a97a8)}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;max-height:340px;overflow-y:auto;padding-right:2px}.catalogue-card{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--border-soft);border-radius:var(--r);background:var(--panel-2);min-width:0}.catalogue-card:hover{border-color:var(--border)}.catalogue-card strong,.catalogue-key{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalogue-key{font-family:var(--mono, ui-monospace, monospace);font-size:11px}.catalogue-art{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:calc(var(--r) - 2px);background:var(--panel);border:1px solid var(--border-soft);overflow:hidden;font-size:11px}.catalogue-art img{width:100%;height:100%;object-fit:cover}.catalogue-star{position:absolute;top:3px;right:4px;color:#f5c451;text-shadow:0 1px 2px rgba(0,0,0,.75)}.hover-name .hover-gear{font-size:11px;white-space:normal;max-width:260px;text-align:center}:root{--bg: #0a0e16;--panel: #10161f;--panel-2: #161d29;--panel-3: #1e2836;--border: #263143;--border-soft: #1c2634;--border-strong: #33415a;--text: #e7ecf3;--text-dim: #93a0b4;--text-faint: #5e6c81;--accent: #43c6f5;--accent-2: #12a5e0;--accent-ink: #04141d;--warn: #f5a623;--danger: #f0525f;--ok: #2ecb82;--r-sm: 5px;--r: 8px;--r-lg: 12px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .45);--shadow-3: 0 24px 60px rgba(0, 0, 0, .55);--glow: 0 0 0 1px rgba(67, 198, 245, .35), 0 0 18px rgba(67, 198, 245, .18);--font-ui: "Chakra Petch", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;color:var(--text);background:var(--bg);font-family:var(--font-ui);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(1200px 600px at 15% -10%,rgba(67,198,245,.06),transparent 60%),radial-gradient(1000px 700px at 100% 0%,rgba(120,90,255,.05),transparent 55%),var(--bg)}::selection{background:#43c6f547}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#47597a;background-clip:content-box}button{font:inherit;font-weight:500;color:var(--text);background:linear-gradient(180deg,var(--panel-3),var(--panel-2));border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 11px;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .06s ease,box-shadow .14s ease}button:hover{background:linear-gradient(180deg,#26344a,var(--panel-3));border-color:var(--border-strong)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--glow);border-color:var(--accent)}button.active{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-color:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 0 14px #43c6f547}.button-like{display:inline-flex;align-items:center;font:inherit;font-weight:500;color:var(--text);background:linear-gradient(180deg,var(--panel-3),var(--panel-2));border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 11px;cursor:pointer;transition:background .14s ease,border-color .14s ease}.button-like:hover{background:linear-gradient(180deg,#26344a,var(--panel-3));border-color:var(--border-strong)}input,select,textarea{font:inherit;color:var(--text);background:#04080ea6;border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 9px;width:100%;transition:border-color .14s ease,box-shadow .14s ease}input::placeholder,textarea::placeholder{color:var(--text-faint)}textarea{resize:vertical}label{font-size:11px;letter-spacing:.03em;color:var(--text-dim);display:block;margin-bottom:3px}h2,h3,h4{margin:0 0 8px;font-weight:600;letter-spacing:-.01em}.field{margin-bottom:10px}.row{display:flex;gap:8px;align-items:center}.muted{color:var(--text-dim);font-size:12px}