: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)}.help-tip{position:relative;display:inline-flex;outline:none}.help-tip__icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid var(--text-faint);border-radius:50%;font-size:.58rem;font-weight:700;color:var(--text-dim);cursor:help}.help-tip:hover .help-tip__icon,.help-tip:focus-visible .help-tip__icon{border-color:var(--accent);color:var(--accent-bright)}.help-tip__panel{position:absolute;top:calc(100% + 8px);left:-8px;z-index:30;width:230px;padding:8px 10px;border:1px solid var(--frame);background:linear-gradient(160deg,var(--panel-1),var(--panel-0));box-shadow:0 10px 28px #0000008c;font-size:.68rem;line-height:1.45;letter-spacing:.02em;text-transform:none;color:var(--text-dim);opacity:0;visibility:hidden;transition:opacity .12s ease}.help-tip:hover .help-tip__panel,.help-tip:focus-visible .help-tip__panel{opacity:1;visibility:visible}.help-tip--up .help-tip__panel{top:auto;bottom:calc(100% + 8px)}.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__toggle{display:flex;align-items:center;gap:6px;margin-right:4px;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text);cursor:pointer}.map-legend__toggle input{accent-color:var(--accent)}.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}.map-legend__icon{width:12px;height:12px;flex:none;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.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:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 14px}.stat-num{display:flex;align-items:center;gap:5px;min-width:0;font-family:var(--mono);font-size:.78rem;font-weight:700}.stat-num__symbol{font-size:.82rem;line-height:1;opacity:1}.stat-num__icon{width:11px;height:11px;flex:none;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.stat-num__track{flex:1;min-width:0;height:5px;border-radius:3px;background:rgb(from var(--accent) r g b / .18);overflow:hidden}.stat-num__fill{display:block;height:100%;border-radius:inherit;background:currentColor;transition:width .3s ease}.stat-num__value{margin-left:auto;min-width:2.2em;text-align:right}.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__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__detail.is-paused{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__substep{margin-top:14px}.modal__h4{margin:0 0 8px;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.modal__steps{margin:10px 0 0;padding-left:20px;color:var(--text)}.modal__steps li{margin-bottom:6px;font-size:.78rem;line-height:1.45}.modal__steps code{font-family:var(--mono);color:var(--accent-bright);word-break:break-all}.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__command{display:flex;align-items:stretch;gap:6px}.modal__command code{flex:1}.btn--copy{padding:4px 10px;font-size:.62rem;white-space:nowrap}.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:120px;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)}.modal--about{width:min(760px,100%)}.modal__markdown{color:var(--text);font-size:.8rem;line-height:1.55}.modal__markdown h1{margin:0 0 12px;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-bright)}.modal__markdown h2{margin:20px 0 8px;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}.modal__markdown h3{margin:16px 0 6px;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.modal__markdown p{margin:0 0 10px}.modal__markdown a{color:var(--accent-bright)}.modal__markdown ul,.modal__markdown ol{margin:0 0 10px;padding-left:20px}.modal__markdown li{margin-bottom:5px}.modal__markdown code{font-family:var(--mono);font-size:.72rem;color:var(--accent-bright)}.modal__markdown pre{margin:0 0 10px;padding:10px 12px;overflow-x:auto;background:#00000052;border:1px solid var(--frame)}.modal__markdown pre code{color:var(--text)}.modal__markdown table{margin:0 0 10px;border-collapse:collapse;font-size:.74rem}.modal__markdown th,.modal__markdown td{padding:5px 10px;border:1px solid var(--frame);text-align:left}.modal__markdown th{color:var(--accent)}