:root{--bg:#111619;--panel:#192023;--line:#2c3437;--gold:#dfbd7d;--muted:#a1acae;--text:#f1eee6;--green:#9fceb5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:36px 22px;display:flex;flex-direction:column;background:#131a1d}.brand{display:flex;gap:13px;align-items:center;font-size:12px;letter-spacing:3px;line-height:1.4}.brand strong{font-size:17px;letter-spacing:2px}.crest{background:var(--gold);color:#1c2527;font-family:Georgia,serif;font-weight:bold;font-size:20px;letter-spacing:-2px;border-radius:15px 15px 20px 20px;padding:15px 12px}.rail-label{font-size:10px;letter-spacing:2px;color:#74858a;margin:42px 14px 12px}.nav{width:100%;display:flex;align-items:center;gap:13px;color:#9aabad;border:0;text-align:left;background:none;padding:13px 16px;margin:4px 0;border-radius:7px}.nav.active{color:var(--gold);background:#2a2d26;border-left:2px solid var(--gold)}.nav:hover,.event-link:hover{background:#222d31}.event-link{display:block;width:100%;border:0;background:none;color:var(--muted);text-align:left;padding:10px 14px;border-radius:7px;font-size:13px}.event-link.selected{color:var(--text)}.sidebar-foot{margin-top:auto;padding:50px 12px 0;color:#819095;font-size:12px}.sidebar-foot small{font-size:10px}.tiny-mark{color:var(--gold);font-size:30px}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 48px;color:#8a999c;font-size:10px;letter-spacing:1.4px}.topbar b{color:#bac3c3;font-weight:500}.connection{color:var(--green);letter-spacing:.3px}.connection::before{content:'●';font-size:9px;margin-right:8px}.connection.stale{color:#e7a87f}.content{max-width:1400px;margin:auto;padding:40px 48px 20px}.hero{display:flex;justify-content:space-between;align-items:center;min-height:190px;padding:0 0 34px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);margin:0 0 17px}h1{font:normal clamp(32px,4vw,56px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-1px;margin:0 0 16px;max-width:820px;overflow-wrap:anywhere}h2{font:normal 25px Georgia,serif;margin:0}h3{font-size:14px;font-weight:500;margin:0}.muted{color:var(--muted);font-size:12px}.hero-mark{font-size:130px;line-height:1;color:#b8985f;opacity:.3;margin-left:20px;transform:rotate(15deg)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin:8px 0 38px;background:var(--panel)}.metric{padding:23px 26px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric label{display:block;color:#9facaf;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.metric strong{font:normal 30px Georgia,serif;display:block;margin-top:9px}.metric small{color:var(--gold);font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.overview-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:25px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.kicker{font-size:10px;letter-spacing:1.8px;color:var(--muted);text-transform:uppercase}.badge{border:1px solid #47554a;color:var(--green);border-radius:20px;padding:3px 10px;font-size:10px}.versus{display:grid;grid-template-columns:1fr auto 1fr;text-align:center;align-items:center;gap:16px;min-height:135px}.team-emblem{width:50px;height:50px;border:1px solid #72654a;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;color:var(--gold);font:24px Georgia,serif;background:#323029}.team-emblem.purple{border-color:#665277;color:#baa4d0;background:#302b3b}.vs{color:#63757a;font:italic 20px Georgia,serif}.match-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:17px;font-size:12px;color:var(--muted)}.clock{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.clock:last-child{border:0}.clock strong{font-variant-numeric:tabular-nums;color:var(--gold);font-size:20px;font-weight:400}.event-line{display:grid;grid-template-columns:65px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.event-line:last-child{border:0}.event-line time{color:#839699}.event-line p{margin:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;background:var(--panel);font-size:12px}th{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:500;text-align:left;background:#1d272b}td,th{padding:16px 20px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}td:first-child{color:var(--text)}td{color:#b6c0c1}.job{color:var(--gold)}.empty{border:1px dashed #39464b;border-radius:9px;padding:50px 25px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font:24px Georgia,serif;margin-bottom:10px}.bracket{display:flex;gap:22px;overflow:auto;padding-bottom:15px}.round{min-width:240px;flex:1}.round>h3{color:var(--gold);font-size:11px;letter-spacing:1.5px;margin-bottom:18px}.bracket-match{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:16px}.bracket-team{display:flex;justify-content:space-between;padding:8px 0;font-size:12px}.winner{color:var(--gold)}.bracket-match small{font-size:10px;color:var(--muted)}.search{width:100%;border:1px solid #3b494f;border-radius:7px;background:var(--panel);padding:12px;color:var(--text);margin-bottom:18px;outline:none}.search:focus{border-color:var(--gold)}.notice{border-left:3px solid var(--gold);padding:12px 18px;background:#302c22;color:#ecd3a5;font-size:13px;margin-bottom:24px}footer{display:flex;justify-content:space-between;color:#66777c;font-size:10px;letter-spacing:.7px;border-top:1px solid var(--line);margin-top:40px;padding-top:23px}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(min-width:1550px){.content{padding-top:60px}}@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.sidebar{padding:25px 12px}.content{padding:30px 25px}.topbar{padding:0 25px}.overview-grid{grid-template-columns:1fr}.hero-mark{font-size:85px}.metric{padding:18px 16px}}@media(max-width:700px){.shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px}.brand{font-size:9px}.brand strong{font-size:13px}.crest{padding:9px 10px}.sidebar nav{display:flex;overflow:auto;margin-top:14px}.nav{min-width:max-content;width:auto;padding:9px 12px;font-size:12px}.rail-label,.sidebar-foot,#event-list{display:none}.topbar{height:55px;font-size:8px;padding:0 18px}.content{padding:25px 18px}.hero{min-height:150px}.hero-mark{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metric{border-bottom:1px solid var(--line)}.metric strong{font-size:24px}.section-heading{gap:10px}h2{font-size:22px}td,th{padding:12px}.panel{padding:18px}footer span{display:none}}

.combat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px}.combat-resources{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}.combat-effect{padding:14px;margin:10px 0;border:1px solid #4b4761;border-radius:8px;background:#1e2430}.combat-effect .badge{float:right}.combat-effect p{margin:10px 0}.combat-effect small,.combat-fighter h3 small{color:#bbc2d2}.combat-fighter summary{cursor:pointer;padding:16px 0}#fighter-focus{display:block;width:100%;padding:12px;margin-top:10px;background:#1e2430;color:#fff;border:1px solid #68718a;border-radius:6px}
@media(max-width:700px){#event-list{display:flex;overflow:auto;margin-top:10px}.event-link{min-width:150px}.sidebar nav{flex-wrap:wrap;overflow:visible}}

#closed-screen{min-height:80vh;display:grid;place-items:center;text-align:center}#closed-screen h1{font-size:clamp(4rem,14vw,10rem);margin:0;color:var(--gold,#e8c77e)}#closed-screen[hidden],.shell[hidden]{display:none}
.event-line>div{min-width:0}.event-line p{overflow-wrap:anywhere}.event-line details{margin-top:8px;font-size:11px;color:var(--muted)}.event-line summary{cursor:pointer}.event-line pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}
.log-transcript{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 ui-monospace,Consolas,monospace}.log-console{height:60vh;min-height:260px;overflow:auto;background:#101517;border:1px solid var(--line);padding:12px}.log-level-3{color:#edc274}.log-level-4{color:#ff9494}.log-level-0,.log-level-1{color:#a1acae}.log-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.log-toolbar select,.log-toolbar button{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:7px;border-radius:4px}.log-toolbar .search{flex:1;min-width:140px;width:auto;margin:0}.log-toolbar label{white-space:nowrap;font-size:12px}
#gm-connection-dot{position:fixed;right:18px;bottom:18px;width:10px;height:10px;border-radius:50%;background:#e45d62;box-shadow:0 0 0 3px #111619;z-index:100}#gm-connection-dot.connected{background:#55cd87}#gm-connection-dot:focus-visible{outline:2px solid var(--gold);outline-offset:5px}