:root{--ink:#080b11;--ink2:#101927;--ivory:#f7f1e7;--red:#ed2b2f;--gold:#d6a24a;--glass:rgba(7,11,17,.84);--line:rgba(214,162,74,.55);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:#000;color:var(--ivory)}.screen{min-height:100vh;position:relative;isolation:isolate;overflow:hidden}.art{inset:0;position:absolute;background:linear-gradient(90deg,rgba(4,8,13,.55),transparent 42%,rgba(24,2,4,.42)),url('/assets/exile-after-work-header.png') center/cover;z-index:-2;filter:saturate(.88)}.shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 0 12%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.8) 100%);z-index:-1}.brand{letter-spacing:.12em;font-size:clamp(1rem,2vw,1.6rem);font-weight:850;text-transform:uppercase}.brand b{color:var(--red);display:block;font-size:.62em;letter-spacing:.22em}.card{border:1px solid var(--line);background:var(--glass);box-shadow:0 18px 50px #0008;padding:clamp(1.25rem,3vw,3.5rem);max-width:750px;text-align:center}.center{display:grid;place-items:center;padding:3rem}.kicker{color:var(--gold);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase}.title{font-size:clamp(2.7rem,8vw,7rem);line-height:.92;letter-spacing:-.06em;margin:.4rem 0 1rem}.title i{color:var(--red);font-style:normal}.sub{opacity:.8;letter-spacing:.05em}.hud{position:absolute;inset:4.5vh 5vw;pointer-events:none}.hud .brand{position:absolute;top:0;left:0;text-shadow:0 2px 12px #000}.live{position:absolute;top:0;right:0;color:var(--red);font-weight:800;font-size:.72rem;letter-spacing:.14em}.live:before{content:'• ';font-size:1.4em}.chat{position:absolute;right:0;bottom:0;width:min(27vw,390px);min-width:250px}.chat h2{font-size:.7rem;letter-spacing:.16em;color:var(--gold);margin:0 0 .6rem}.msg{border-left:2px solid var(--red);background:#06090dcf;margin:.4rem 0;padding:.55rem .7rem;font-size:.9rem}.msg strong{color:var(--gold)}.alert{position:absolute;left:50%;bottom:8vh;transform:translateX(-50%);width:min(520px,90vw);text-align:center;border:1px solid var(--gold);background:#080b11e8;padding:1.2rem}.alert small{color:var(--gold);display:block;letter-spacing:.16em}.alert b{font-size:1.4rem}.notice{position:fixed;top:.75rem;left:50%;transform:translateX(-50%);background:#4c1a1bcc;border:1px solid #e97e80;padding:.4rem .7rem;font-size:.68rem;letter-spacing:.09em;z-index:4}.dash{background:linear-gradient(140deg,#0b1018,#1a0b0d);padding:clamp(1rem,4vw,4rem);min-height:100vh}.panel{max-width:980px;margin:auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.control{padding:1rem;border:1px solid var(--line);background:#080b11}.control label{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.12em;margin-bottom:.6rem}.control select,.control input,.control button{width:100%;padding:.75rem;border-radius:0;border:1px solid #5a6472;background:#111a25;color:var(--ivory)}.control button{background:var(--red);border:0;font-weight:800;cursor:pointer}.url{font-family:ui-monospace,monospace;background:#05070a;padding:.7rem;overflow-wrap:anywhere;border-left:2px solid var(--gold)}.help{line-height:1.55;color:#c9cdd5}@media(max-width:650px){.grid{grid-template-columns:1fr}.hud{inset:3vh 4vw}.chat{width:92vw;min-width:0}.art{background-position:48% center}.title{font-size:3.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}