:root{--bg-0: #0b0b0c;--bg-1: #131314;--panel-0: #18181a;--panel-1: #201f21;--frame: #403e3b;--accent: #e0a042;--accent-bright: #f4c879;--teal: #5fae9b;--violet: #c2a6e0;--violet-edge: #aa8cc8;--violet-veil: #785aa0;--good: #86c25f;--warn: #e6b34d;--danger: #e2705a;--text: #e8e6e1;--text-dim: #989389;--text-faint: #6a665e;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 560px at 72% -12%,rgb(from var(--accent) r g b / .08),transparent 60%),radial-gradient(900px 520px at 6% 112%,rgb(from var(--teal) r g b / .06),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}#app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgb(from var(--accent) r g b / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(from var(--accent) r g b / .04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgb(from var(--accent) r g b / .28)}::-webkit-scrollbar-thumb:hover{background:rgb(from var(--accent) r g b / .45)}::-webkit-scrollbar-track{background:transparent}.app{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;overflow:hidden}.hud{display:flex;align-items:center;gap:22px;padding:10px 16px;background:linear-gradient(180deg,#1b1b1d,#0f0f10);box-shadow:0 8px 22px #00000080}.hud__brand{display:flex;flex-direction:column;min-width:280px;line-height:1}.hud__brand-title{font-size:1rem;font-weight:800;color:var(--text);text-transform:uppercase}.hud__brand-subtitle{margin-top:5px;font-size:.68rem;line-height:1.25;color:var(--accent-bright);letter-spacing:.03em}.hud__stats{display:flex;flex:1;flex-wrap:wrap;gap:10px;justify-content:center}.stat{position:relative;overflow:hidden;display:flex;align-items:center;gap:9px;padding:6px 13px}.stat__spark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:.4;pointer-events:none}.stat__spark polyline{stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.stat.is-good .stat__spark polyline{stroke:var(--good)}.stat.is-warn .stat__spark polyline{stroke:var(--warn)}.stat.is-danger .stat__spark polyline{stroke:var(--danger)}.stat__icon{position:relative;z-index:1;font-size:.75rem;line-height:1;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.stat__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.stat__readout{display:flex;align-items:center;justify-content:center;gap:5px;line-height:1}.stat__value{font-family:var(--mono);font-size:1.05rem;font-weight:700;color:var(--text)}.stat__label{font-size:.58rem;text-transform:uppercase;letter-spacing:.13em;color:var(--text-faint)}.stat.is-good .stat__value{color:var(--good);text-shadow:0 0 10px rgb(from var(--good) r g b / .45)}.stat.is-warn .stat__value{color:var(--warn);text-shadow:0 0 10px rgb(from var(--warn) r g b / .45)}.stat.is-danger .stat__value{color:var(--danger);text-shadow:0 0 10px rgb(from var(--danger) r g b / .5)}.hud__controls{display:flex;gap:10px}.btn{font:inherit;cursor:pointer;padding:9px 18px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright);background:linear-gradient(180deg,rgb(from var(--accent) r g b / .14),rgb(from var(--accent) r g b / .04));border:0px;transition:box-shadow .15s,background .15s,color .15s}.btn:hover:not(:disabled){color:#fff;background:linear-gradient(180deg,rgb(from var(--accent) r g b / .26),rgb(from var(--accent) r g b / .1));box-shadow:0 0 16px rgb(from var(--accent) r g b / .4)}.btn:disabled{opacity:.45;cursor:default}.btn--danger{color:var(--danger);border-color:rgb(from var(--danger) r g b / .5);background:linear-gradient(180deg,rgb(from var(--danger) r g b / .14),rgb(from var(--danger) r g b / .04))}.btn--danger:hover:not(:disabled){box-shadow:0 0 16px rgb(from var(--danger) r g b / .45)}.layout{flex:1;min-height:0;display:grid;gap:12px;padding:12px;grid-template-columns:380px 1fr 1fr 380px;grid-template-rows:minmax(0,1fr) minmax(160px,27%);grid-template-areas:"rules  map    map    roster" "gm     feed   chat   roster"}.map-panel{grid-area:map}.roster-panel{grid-area:roster}.feed-panel{grid-area:feed}.chat-panel{grid-area:chat}.rules-panel{grid-area:rules}.gm-panel{grid-area:gm}.panel{position:relative;display:flex;flex-direction:column;min-height:0;background:linear-gradient(160deg,var(--panel-1),var(--panel-0));box-shadow:inset 0 1px #ffffff08,0 10px 28px #00000080}.panel__head{display:flex;align-items:center;gap:9px;padding:9px 12px;background:linear-gradient(180deg,rgb(from var(--accent) r g b / .07),transparent)}.panel__tag{width:7px;height:15px;background:var(--accent);box-shadow:0 0 9px var(--accent)}.panel__title{margin:0;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright)}.panel__note{margin-left:auto;font-size:.62rem;letter-spacing:.04em;color:var(--text-faint)}.panel__body{flex:1;min-height:0}.panel__body--scroll{overflow-y:auto;padding:8px}.panel__body--map{display:flex;flex-direction:column;gap:8px;padding:8px}.panel__body--fill{display:flex;flex-direction:column}.map-stage{flex:1;min-height:320px;width:100%}.map-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:2px 2px 0;min-height:20px}.map-legend__item{display:flex;align-items:center;gap:6px;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.map-legend__swatch{width:12px;height:12px;border:1px solid rgba(255,255,255,.18)}.map-legend__glyph{width:12px;text-align:center;line-height:1}.empty{padding:20px;text-align:center;font-size:.78rem;color:var(--text-faint)}.roster{display:flex;flex-direction:column;gap:6px}.unit{width:100%;padding:6px 9px;font:inherit;text-align:left;color:inherit;background:linear-gradient(160deg,#ffffff07,#00000029);border:1px solid rgb(from var(--accent) r g b / .14);cursor:pointer}.unit:hover{background:linear-gradient(160deg,rgb(from var(--accent) r g b / .08),#00000029)}.unit:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.unit--selected{border-color:rgb(from var(--accent-bright) r g b / .72);border-left-color:var(--accent-bright);box-shadow:inset 0 0 0 1px rgb(from var(--accent-bright) r g b / .18),0 0 18px rgb(from var(--accent) r g b / .18)}.unit--dead{border-left-color:var(--danger);opacity:.72;filter:grayscale(.3)}.unit__head{display:flex;align-items:center;gap:7px;margin-bottom:4px}.unit__head .tag{flex:0 1 auto;min-width:0;margin-left:auto}.unit__light{width:9px;height:9px;border-radius:50%;flex:none}.unit__light.is-connected{background:var(--good);box-shadow:0 0 7px var(--good)}.unit__light.is-unattended{background:var(--warn);box-shadow:0 0 7px var(--warn)}.unit__light.is-dead{background:var(--danger);box-shadow:0 0 7px var(--danger)}.unit__name{flex:0 1 auto;min-width:0;margin:0;font-size:.82rem;letter-spacing:.03em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit__where{font-size:.66rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:45%}.tag{display:inline-block;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;padding:2px 0;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tag--idle{color:var(--text-dim)}.tag--busy{color:var(--accent-bright)}.tag--dead{color:var(--danger)}.unit__stats{display:flex;flex-wrap:wrap;gap:4px 12px}.stat-num{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:.78rem;font-weight:700}.stat-num__symbol{font-size:.82rem;line-height:1;opacity:1}.stat-num__label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.stat-num.is-good{color:var(--good)}.stat-num.is-warn{color:var(--warn)}.stat-num.is-danger{color:var(--danger)}.unit__activity{display:flex;flex-direction:column;gap:4px;margin:8px 0 0;padding:7px 0 0;border-top:1px solid rgb(from var(--accent) r g b / .16);list-style:none;max-height:220px;overflow-y:auto}.unit__activity li{display:flex;gap:7px;min-width:0;font-size:.68rem;line-height:1.25;color:var(--text-dim)}.unit__tick{flex:none;font-family:var(--mono);font-size:.62rem;color:var(--accent)}.feed{display:flex;flex-direction:column}.feed__row{display:flex;gap:9px;padding:3px 5px;font-size:.74rem;border-bottom:1px solid rgba(255,255,255,.04)}.feed__row:hover{background:rgb(from var(--accent) r g b / .05)}.feed__tick{min-width:30px;text-align:right;font-family:var(--mono);font-size:.66rem;color:var(--accent);opacity:.85}.feed__text{color:var(--text-dim)}.tabs{display:flex;gap:4px}.tab{position:relative;padding:3px 9px;background:transparent;border:1px solid transparent;border-radius:4px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;transition:color .12s,background .12s,border-color .12s}.tab:hover{color:var(--text-dim)}.tab--active{color:var(--accent-bright);background:rgb(from var(--accent) r g b / .1);border-color:rgb(from var(--accent) r g b / .3)}.tab--gm.tab--active{color:var(--teal);background:rgb(from var(--teal) r g b / .1);border-color:rgb(from var(--teal) r g b / .35)}.tab__dot{position:absolute;top:2px;right:2px;width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 6px var(--violet)}.gm-row__icon{width:16px;text-align:center;opacity:.9}.gm-row__text{color:var(--text)}.gm-row .feed__tick{color:var(--teal)}.chat{flex:1;min-height:0;overflow-y:auto;padding:8px}.chat__row{display:flex;gap:8px;padding:4px 5px;font-size:.76rem;border-bottom:1px solid rgba(255,255,255,.04)}.chat__row--whisper{background:rgb(from var(--violet-veil) r g b / .09);border-left:2px dashed rgb(from var(--violet-edge) r g b / .5)}.chat__row--event .chat__body{color:var(--text-dim);font-style:italic}.chat__tick{min-width:22px;font-family:var(--mono);font-size:.64rem;color:var(--text-faint)}.chat__line{flex:1}.chat__badge{font-size:.54rem;text-transform:uppercase;letter-spacing:.06em;color:var(--violet);border:1px solid rgb(from var(--violet-edge) r g b / .45);border-radius:0;padding:0 4px;margin-right:5px}.chat__speaker{font-weight:600;color:var(--accent-bright);margin-right:5px}.chat__row--whisper .chat__speaker{color:var(--violet)}.chat__to{margin-right:5px;color:var(--text-faint);font-style:italic}.chat__body{color:var(--text)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:50;padding:9px 18px;font-size:.74rem;letter-spacing:.04em;color:#fff;background:linear-gradient(180deg,#5a2a22,#3a1c17);border:1px solid rgb(from var(--danger) r g b / .6);box-shadow:0 0 20px rgb(from var(--danger) r g b / .35)}.live{display:flex;align-items:center;gap:8px;padding:6px 12px;background:linear-gradient(180deg,#ffffff09,#00000038)}.live__detail{font-family:var(--mono);font-size:.7rem;letter-spacing:.02em;color:var(--text-dim);white-space:nowrap}.live__gm{font-size:.54rem;font-weight:700;letter-spacing:.08em;color:var(--violet);border:1px solid rgb(from var(--violet-edge) r g b / .5);padding:1px 5px}.live.is-paused{border-color:rgb(from var(--danger) r g b / .5)}.live.is-paused .live__detail{color:var(--danger)}.rule-error{margin:0 0 8px;padding:7px 9px;font-size:.7rem;color:#fff;background:linear-gradient(180deg,rgb(from var(--danger) r g b / .28),rgb(from var(--danger) r g b / .12));border:1px solid rgb(from var(--danger) r g b / .6)}.rules{display:flex;flex-direction:column;gap:8px}.rule-group{display:flex;flex-direction:column;gap:5px}.rule-group__head{display:flex;justify-content:space-between;padding:2px 3px 5px;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright)}.rule{background:linear-gradient(160deg,#ffffff06,#00000024);border-left:2px solid var(--text-faint)}.rule--gm{border-left-color:var(--teal)}.rule--tweaked{border-left-color:var(--accent)}.rule__head{display:flex;align-items:center;gap:7px;padding:6px 8px;cursor:pointer;list-style:none;font-size:.72rem}.rule__head::-webkit-details-marker{display:none}.rule__head:hover{background:rgb(from var(--accent) r g b / .05)}.rule__badge{font-size:.5rem;font-weight:700;letter-spacing:.06em;padding:1px 4px;border:1px solid currentColor;flex:none;color:var(--text-faint)}.rule__badge--gm{color:var(--teal)}.rule__badge--tweaked{color:var(--accent)}.rule__id{font-family:var(--mono);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule__each{font-size:.58rem;color:var(--text-faint);margin-left:auto;flex:none}.rule__desc{margin:0;padding:6px 9px 4px;font-size:.72rem;line-height:1.4;color:var(--text)}.rule__summary{margin:0;padding:0 9px 6px;font-size:.66rem;font-family:var(--mono);color:var(--text-dim)}.rule__raw{margin:0;padding:7px 9px;font-size:.64rem;line-height:1.45;color:var(--text-dim);background:#00000047;border-top:1px solid rgba(255,255,255,.05);overflow-x:auto;white-space:pre}@media(max-width:980px){.app{height:auto;overflow:auto}.hud{flex-wrap:wrap}.layout{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"map" "roster" "feed" "chat" "rules" "gm"}.panel{min-height:300px}}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{display:flex;flex-direction:column;width:min(640px,100%);max-height:calc(100vh - 48px);background:linear-gradient(160deg,var(--panel-1),var(--panel-0));border:1px solid rgb(from var(--accent) r g b / .42);box-shadow:inset 0 1px #ffffff0a,0 18px 60px #000000a6,0 0 40px rgb(from var(--accent) r g b / .12)}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--frame)}.modal__title{margin:0;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright)}.modal__x{background:none;border:none;color:var(--text-dim);font-size:1.5rem;line-height:1;cursor:pointer}.modal__x:hover{color:var(--text)}.modal__body{overflow-y:auto;padding:18px 20px}.modal__lead{margin:0 0 18px;color:var(--text);font-size:.82rem;line-height:1.5}.modal__section{margin-bottom:18px}.modal__h3{margin:0 0 8px;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}.modal__h3row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal__h3row .modal__h3{margin:0}.modal__endpoint{display:block;padding:9px 12px;font-family:var(--mono);font-size:.8rem;color:var(--accent-bright);background:#0000004d;border:1px solid var(--frame);word-break:break-all}.modal__hint{margin:8px 0 0;font-size:.72rem;color:var(--text-dim);line-height:1.45}.modal__commands{display:grid;gap:6px;margin-top:10px}.modal__commands code{padding:8px 10px;font-family:var(--mono);font-size:.72rem;color:var(--text);background:#00000038;border:1px solid var(--frame);word-break:break-all}.modal__prompt{margin:0;max-height:260px;overflow-y:auto;padding:12px;font-family:var(--mono);font-size:.72rem;line-height:1.5;color:var(--text);background:#00000052;border:1px solid var(--frame);white-space:pre-wrap}.modal__tips{margin:0;padding-left:18px;color:var(--text)}.modal__tips li{margin-bottom:7px;font-size:.78rem;line-height:1.45}.modal__tips code,.modal__lead strong{font-family:var(--mono);color:var(--accent-bright)}.modal__foot{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--frame)}