:root{--ink:#e9e1cf;--muted:#a39b8a;--panel:#08090ea8;--line:#d6b26059;--gold:#e9c877;--danger:#c45a4a;--fog:#0a1020;color:var(--ink);font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--fog);height:100%;margin:0;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none!important}.hud{pointer-events:none;font-size:13px;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;padding:10px 12px;position:absolute}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-size:10px}.row{justify-content:space-between;gap:12px;display:flex}.small{color:var(--muted);margin-top:4px;font-size:12px}.bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.bar>i{border-radius:3px;width:100%;height:100%;transition:width .16s linear;display:block}.bar.hp>i{background:linear-gradient(90deg,#a83c33,#d8604a)}.vitals{width:240px;top:18px;left:18px}.vitals .row{margin-top:6px}.leaderboard{width:240px;top:132px;left:18px}.leaderboard-heading,.leaderboard li{justify-content:space-between;gap:10px;display:flex}.leaderboard-heading{color:var(--muted);font-size:10px}.leaderboard ol{max-height:24vh;margin:8px 0;padding:0;list-style:none;overflow-y:auto}.leaderboard li[data-online=true] span,.board-table tr[data-online=true] td:nth-child(2){color:#b9d8a8}.leaderboard li{border-top:1px solid #d6b26021;padding:5px 0;font-size:12px}.leaderboard li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard li strong{color:var(--gold);font-variant-numeric:tabular-nums}.leaderboard .small{font-size:10px}.chip{color:#d7ecff;border:1px solid #9fd6e880;border-radius:3px;padding:1px 6px;font-size:11px}.objective{width:250px;top:18px;right:18px}.objective-text{color:#efe6cf;font-family:Georgia,serif;font-size:15px;line-height:1.35}.sigils{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.sigils li{color:#d6b2604d;font-size:16px;transition:color .3s}.sigils li[data-state=open]{color:#d6b26099}.sigils li[data-state=sealed]{color:#e9c877;text-shadow:0 0 6px #e9c87759}.sigils li.boss{margin-left:auto;font-size:18px}.panel.source{pointer-events:auto;width:250px;top:200px;right:18px}.source-log{max-height:132px;margin:6px 0;padding:0;font-size:12px;line-height:1.35;list-style:none;overflow-y:auto}.source-log li{color:#d2c9b4;white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%;margin-top:4px}.source-log li.source{color:#efe6cf}.source-log li.you{color:#b9c9d8}.source-log li.system{color:var(--muted);font-style:italic}.source-row{gap:6px;margin-top:6px;display:flex}.source-row input{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff0d;border-radius:4px;outline:none;flex:1;padding:5px 8px;font-size:12px}.source-row input:focus{border-color:var(--gold)}.mini-btn.mic[data-mic=ready]{border-color:#9fd6e8}.mini-btn.mic[data-mic=on]{color:#fff;background:#7a2a2a;border-color:#ff8a7a}#source-status[data-state=error]{color:#e3a26b}#source-status[data-state=live]{color:#b9d8a8}.whispers{width:340px;margin:0;padding:0;list-style:none;position:absolute;bottom:96px;left:18px}.whispers li{color:#d2c9b4;text-shadow:0 1px 2px #000;opacity:.95;margin-top:3px;font-size:12px;font-style:italic}.whispers li:nth-child(n+4){opacity:.55}.whispers li.system{color:var(--muted);font-style:normal}.whispers li.voice{color:#ffe9b0;font-style:normal}.whispers li.voice:before{content:"♪ ";color:#e9c877}.whispers li b{color:#e9dcc0;font-style:normal}.status{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:11px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.status[data-kind=online]{color:#b9d8a8}.status[data-kind=offline],.status[data-kind=failed]{color:#e3a26b}.preview-banner{text-align:center;color:#ffe2c2;background:#46280abf;border:1px solid #ffb36b80;border-radius:4px;max-width:640px;padding:6px 14px;font-size:12px;position:absolute;top:42px;left:50%;transform:translate(-50%)}.crosshair{background:#e9e1cfd9;border-radius:50%;width:5px;height:5px;margin:-2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #000}.target{text-shadow:0 1px 3px #000;flex-direction:column;align-items:center;gap:1px;font-size:12px;display:flex;position:absolute;top:calc(50% + 20px);left:50%;transform:translate(-50%)}#target-name{color:#efe6cf;font-weight:600}#target-channel{color:var(--accent,#d9cfb4);font-size:11px}.actions{gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.slot{background:var(--panel);border:1px solid var(--line);color:#d9cfb4;border-radius:4px;grid-template-rows:auto auto auto;justify-items:center;width:74px;height:62px;padding-top:4px;font-size:10px;display:grid;position:relative;overflow:hidden}.slot .glyph{color:#efe6cf;font-size:18px;line-height:1}.slot b{letter-spacing:.08em;color:var(--gold);font-size:10px}.slot .cd{background:#08090ebf;height:0;transition:height .12s linear;position:absolute;bottom:0;left:0;right:0}.slot .time{color:#e3a26b;font-size:10px;font-style:normal;position:absolute;top:3px;right:4px}.slot[data-ready=false]{color:var(--muted)}.slot[data-ready=false] .glyph{opacity:.55}#slot-interact[data-ready=true]{border-color:var(--gold)}.prompt{color:#efe6cf;text-shadow:0 1px 2px #000;font-size:13px;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.prompt b{text-align:center;border:1px solid var(--gold);min-width:20px;color:var(--gold);border-radius:3px;margin-right:6px;padding:0 4px;font-size:11px;display:inline-block}.invoke-cue{pointer-events:none;align-items:center;gap:10px;animation:1.3s ease-out forwards cue;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%)}.invoke-cue img{object-fit:cover;border-radius:50%;width:64px;height:64px;-webkit-mask-image:radial-gradient(circle,#000 55%,#0000 75%);mask-image:radial-gradient(circle,#000 55%,#0000 75%)}.invoke-cue span{color:var(--accent,#efe6cf);text-shadow:0 1px 2px #000;font-family:Georgia,serif;font-size:15px}@keyframes cue{0%{opacity:0;transform:translate(-50%,6px)}20%{opacity:.8;transform:translate(-50%)}70%{opacity:.6}to{opacity:0;transform:translate(-50%,-8px)}}.overlay{pointer-events:auto;background:#0605098c;place-items:center;display:grid;position:absolute;inset:0}.overlay .dialog{width:min(520px,100vw - 32px)}.overlay .btn{margin-top:10px}.dev{margin-top:14px}.hint{color:var(--muted);text-shadow:0 1px 2px #000;font-size:10px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.now-playing{letter-spacing:.06em;color:var(--muted);text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:16px;right:18px}.screens{background:linear-gradient(90deg,#03060ce6 0%,#03060c9e 42%,#03060c1f 100%);flex-direction:column;padding:clamp(24px,6vh,64px) clamp(20px,7vw,110px);display:flex;position:fixed;inset:0;overflow-y:auto}.screens:not(.titled){pointer-events:none}.screens:not(.titled) .screen,.screens:not(.titled) .brand{pointer-events:auto}.screens.titled{background:linear-gradient(90deg, #04060cd1 0%, #04060c80 38%, #04060c0d 70%), url(/generated/ui/title-background.png) center / cover no-repeat, var(--fog)}.screens.titled:before{content:"";pointer-events:none;background:linear-gradient(#0000 76%,#410a0466);position:fixed;inset:0;box-shadow:inset 0 0 140px 35px #1b0309ad}.screens.titled:after{content:"";pointer-events:none;opacity:.45;background:repeating-radial-gradient(at 100% 0,#0000 0 25px,#decca88c 26px 27px,#0000 28px 35px),repeating-conic-gradient(from 180deg at 100% 0,#0000 0deg 13deg,#decca880 14deg 14.5deg,#0000 15deg 25deg);width:200px;height:180px;position:fixed;top:0;right:0;-webkit-mask-image:linear-gradient(225deg,#000,#0000 80%);mask-image:linear-gradient(225deg,#000,#0000 80%)}.screens.titled .brand,.screens.titled .screen{z-index:1;position:relative}.screens.titled .tagline:after{content:"HALLOWEEN · BELLGRAVE";letter-spacing:.24em;color:#edab61;margin-top:14px;font-family:system-ui,sans-serif;font-size:10px;display:block}.brand h1{letter-spacing:.06em;color:#e9c877;text-shadow:0 0 18px #e9c87759,0 2px 2px #000;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,8vw,96px);font-weight:500;line-height:1}.brand .rule{background:linear-gradient(90deg,#e9c877e6,#e9c87700);width:min(420px,60vw);height:1px;margin:10px 0 8px;position:relative}.brand .rule:after{content:"◆";color:#e9c877;font-size:10px;position:absolute;top:-7px;left:44%}.tagline{letter-spacing:.12em;color:#d9d2c0;margin:0;font-family:Georgia,serif;font-size:20px}.screen{width:min(420px,100%);margin-top:clamp(18px,5vh,48px)}.screen h2,.dialog h2{color:#efe6cf;margin:0 0 14px;font-family:Georgia,serif;font-size:32px;font-weight:500}.splash{flex:1;display:flex}.press{letter-spacing:.1em;color:#d9d2c0;cursor:pointer;margin:auto 0 0;font-family:Georgia,serif;font-size:18px}.btn{width:100%;min-height:56px;font:inherit;color:#efe6cf;cursor:pointer;touch-action:manipulation;background:linear-gradient(#141822eb,#080a12eb);border:1px solid #e9c8778c;border-radius:4px;margin-top:12px;font-family:Georgia,serif;font-size:22px;display:block;box-shadow:inset 0 0 0 1px #0009,0 8px 24px #00000080}.btn:hover,.btn:focus-visible{border-color:#e9c877;outline:none}.btn:active{transform:translateY(1px)}.btn.primary{color:#2a1d05;background:linear-gradient(#f1d078,#c9942e);border-color:#f6dd93}.btn[disabled]{opacity:.55;cursor:wait}.screen>label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:12px;display:block}.screen input[type=text]{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:#ffffff0d;border-radius:4px;outline:none;padding:12px 14px;font-size:16px}.screen input[type=text]:focus{border-color:var(--gold)}.menu-status{color:#ffd9a8;min-height:18px;margin:10px 0 0;font-size:13px}.controls{color:#c7c0ae;margin:16px 0 0;padding:0 0 0 18px;font-size:14px;line-height:1.6}.fine{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.5}.settings-box{background:#060910c7;border:1px solid #e9c87773;border-radius:4px;padding:14px 20px}.settings-box h3{color:#e9c877;margin:12px 0 6px;font-family:Georgia,serif;font-size:18px;font-weight:500}.settings-box p{color:#d9d2c0;margin:0 0 8px;font-size:14px;line-height:1.5}.settings-box a{color:#ffd98a}.credits{width:min(560px,100%)}.credits-box{max-height:52vh;overflow-y:auto}.board{width:min(560px,100%)}.board-box{padding:12px 14px}.board-wrap{-webkit-overflow-scrolling:touch;max-height:50vh;overflow:auto}.board-table{border-collapse:collapse;color:#d9d2c0;width:100%;font-size:14px}.board-table th,.board-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #e9c87740;padding:7px 8px}.board-table th{letter-spacing:.1em;text-transform:uppercase;color:#e9c877;font-family:system-ui,sans-serif;font-size:11px}.board-table th:first-child,.board-table td:first-child{text-align:left}.board-table td:first-child{text-overflow:ellipsis;color:#efe6cf;max-width:220px;font-family:Georgia,serif;overflow:hidden}.share{border-top:1px solid #e9c8774d;margin-top:18px;padding-top:14px}.share-copy{color:#efe6cf;margin:0 0 8px;font-family:Georgia,serif;font-size:16px}.join-link{color:#ffd98a;background:#060910c7;border:1px solid #e9c87773;border-radius:4px;width:100%;margin-top:8px;padding:8px 10px;font-size:13px}.tracks{color:#d9d2c0;margin:0 0 8px;padding-left:18px;font-size:14px;line-height:1.6}.tracks b{color:#efe6cf;font-weight:600}.listen-row{align-items:start}.listen{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:260px;display:flex}.mini-btn{font:inherit;color:#efe6cf;cursor:pointer;touch-action:manipulation;background:#ffffff0f;border:1px solid #e9c87773;border-radius:4px;padding:6px 10px;font-size:12px}.mini-btn:hover:not([disabled]){border-color:#e9c877}.mini-btn[disabled]{opacity:.4;cursor:not-allowed}.setting{color:#efe6cf;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:10px 0;font-family:Georgia,serif;font-size:18px;display:grid}.setting input[type=range]{vertical-align:middle;accent-color:#e9c877;width:160px}.setting input[type=checkbox]{accent-color:#e9c877;cursor:pointer;width:26px;height:26px}.setting output{color:var(--muted);margin-left:8px;font-size:14px}.confirm{flex:1;place-items:center;width:100%;display:grid}.dialog{text-align:center;background:#05080eeb;border:1px solid #e9c8778c;border-radius:4px;width:min(560px,100%);padding:28px 32px}.dialog p{color:#d9d2c0;margin:0 0 18px;font-family:Georgia,serif;font-size:17px}.dialog .fine{margin-top:12px;font-family:system-ui,sans-serif}.actions-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.actions-row .btn{margin-top:0}@media (max-width:720px){.leaderboard{width:200px;top:124px}.objective{display:none}.vitals{width:200px}.whispers{width:60vw}.screens.titled,.screens{background-color:#03060cd9}.actions-row{grid-template-columns:1fr}}