:root{color:#eff5fa;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d1721;font-family:Malgun Gothic,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0;transition:background .18s,transform .18s}button:disabled{opacity:.4;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #80dcff}a{color:inherit;text-decoration:none}#game{touch-action:none;outline:none;width:100vw;height:100vh;display:block}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.player-label{color:#fff;text-shadow:0 2px 4px #000;white-space:nowrap;background:#101923ba;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.player-label.seeker{color:#ff9297}.vignette{pointer-events:none;background:linear-gradient(#0006,#0000 20% 75%,#0008);position:fixed;inset:0}.topbar{justify-content:space-between;align-items:center;gap:20px;height:100px;padding:26px 38px;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:-.8px;align-items:center;gap:13px;font-size:19px;font-weight:500;display:flex}.brand b{font-weight:800}.brand small{letter-spacing:3.8px;color:#8da7bc;margin-top:4px;font-family:system-ui,sans-serif;font-size:9px;display:block}.bell{color:#9d622d;background:#f4c85c;border:6px solid #e7ac42;border-radius:50%;place-items:center;width:39px;height:39px;font-size:20px;display:grid;box-shadow:0 0 0 5px #4ca5d6}.top-right{align-items:center;gap:22px;font-size:12px;display:flex}.map-label{font-weight:600}.map-label i{color:#8b9cad;margin-left:8px;font:11px system-ui}.connection{color:#9db5c6;align-items:center;gap:7px;font-size:11px;display:flex}.live-dot{background:#7fc9b4;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #7fc9b44d}.icon-button{color:#c8d9e7;background:#ffffff0c;border:1px solid #ffffff16;border-radius:50%;width:32px;height:32px;font-size:20px}.room-pill{color:#9ab2c6;letter-spacing:1px;background:#0e2133c4;border:1px solid #a8c5dd29;border-radius:30px;align-items:center;gap:12px;padding:12px 20px;font:11px system-ui;display:flex;position:absolute;left:50%;transform:translate(-50%)}.room-pill b{color:#fff;letter-spacing:3px;font-size:17px}.copy-icon{font-size:18px}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#17293bef,#0d1c2be8);border:1px solid #b1c8e31c;border-radius:20px;width:382px;padding:28px;position:absolute;top:50%;left:38px;transform:translateY(-45%);box-shadow:0 24px 80px #0003}.eyebrow{letter-spacing:1.8px;color:#80bedf;align-items:center;gap:9px;font-size:10px;font-weight:600;display:flex}.eyebrow>span{background:#66bce6;width:15px;height:1px;display:inline-block}h1{letter-spacing:-2px;margin:18px 0 13px;font-size:35px;font-weight:800;line-height:1.45}h1 em{color:#83d5f8;font-style:normal}.intro{color:#aabac9;letter-spacing:-.2px;font-size:12px;line-height:1.9}.small-pills{gap:6px;margin:18px 0;display:flex}.small-pills span{color:#afc7d9;background:#ffffff03;border:1px solid #ffffff17;border-radius:5px;padding:5px 8px;font-size:10px}.divider{background:#ffffff10;height:1px;margin:22px 0}label{color:#cedae5;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:11px;display:flex}label span{color:#70859a;font-size:10px}input{color:#fff;background:#09172485;border:1px solid #a0b7d329;border-radius:8px;outline:none;width:100%;height:43px;padding:12px 13px;font-size:12px}input::placeholder{color:#637d92}input:focus{border-color:#6cbadf}.primary{color:#092c43;background:#80d0f2;border-radius:8px;padding:13px 17px;font-size:12px;font-weight:800}.primary:hover{background:#a9e7ff}#create{justify-content:space-between;width:100%;margin-top:10px;display:flex}.primary span{font-size:16px;line-height:16px}.secondary{color:#d7e7f3;white-space:nowrap;background:#283c5066;border:1px solid #91afc638;border-radius:8px;padding:12px 14px;font-size:12px;font-weight:600}.secondary:hover{background:#3b5772}.or{color:#6f869b;align-items:center;gap:12px;margin:18px 0;font-size:10px;display:flex}.or span{background:#ffffff0d;flex:1;height:1px}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:1px;min-width:0;font-family:system-ui,Malgun Gothic,sans-serif}.fineprint{color:#6f899e;margin:16px 0 0;font-size:9px;line-height:1.9}.error{color:#ffb2a3;min-height:0;margin:10px 0 0;font-size:11px;line-height:1.6}.error:empty{display:none}.section-title{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.section-title h2{letter-spacing:-1px;margin:0;font-size:24px}.section-title>span{color:#81c7e6;font:13px system-ui}.muted{color:#95a9bc;font-size:11px;line-height:1.8}.roster{max-height:43vh;margin:20px -5px 20px 0;padding-right:5px;overflow:auto}.roster-row{border-bottom:1px solid #ffffff0b;align-items:center;gap:10px;padding:10px 0;font-size:12px;display:flex}.roster-avatar{color:#88d0f1;background:#213d52;border-radius:9px;place-items:center;width:30px;height:30px;font-family:system-ui;display:grid}.roster-row .name{flex:1}.roster-row .name small{color:#7a93aa;margin-left:6px;font-size:9px;display:inline-block}.ready-mark{color:#7dcbb1;font-size:10px}.waiting-mark{color:#6f859a;font-size:10px}.lobby-actions{gap:8px;display:flex}.lobby-actions button{flex:1}.text-button{color:#7895ad;background:0 0;margin-top:20px;padding:0;font-size:10px}.hud{text-align:center;pointer-events:none;position:absolute;top:115px;left:50%;transform:translate(-50%)}.round-label{letter-spacing:4px;color:#b0c6d9;font:10px system-ui}#timer{letter-spacing:-1px;margin:3px 0 8px;font:500 46px system-ui}.role-badge{color:#c4eefe;background:#28638773;border:1px solid #93d5ef40;border-radius:20px;padding:5px 19px;font-size:11px;font-weight:700;display:inline-block}.role-badge.seeker{color:#ffbdc2;background:#79384388;border-color:#f1838c5c}#alive-count{color:#92adbf;margin:10px 0;font-size:10px}.announcement{text-align:center;background:#0e2130ba;border-radius:8px;max-width:80vw;padding:10px 18px;font-size:12px;position:absolute;top:235px;left:50%;transform:translate(-50%)}.countdown{color:#b9ebff;text-shadow:0 0 60px #338ab4;font:700 110px system-ui;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.result{text-align:center;background:#10273aee;border:1px solid #7fb9d533;border-radius:18px;min-width:360px;padding:32px 50px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 80px #0006}.result .eyebrow{justify-content:center}.result h2{color:#ade5ff;margin:17px 0;font-size:30px}.result p{color:#9cb6cb;font-size:12px}.door-prompt{background:#112a3aef;border:1px solid #72c8e66b;border-radius:10px;align-items:center;gap:10px;padding:11px 16px;font-size:12px;display:flex;position:absolute;bottom:135px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0005}.door-prompt>span:last-child{color:#7596ad;margin-left:8px;font:9px system-ui}.spectator{background:#112435d9;border-radius:12px;align-items:center;gap:15px;padding:13px 20px;font-size:12px;display:flex;position:absolute;bottom:145px;left:50%;transform:translate(-50%)}.spectator>span{color:#86b0ca;font-size:10px}.spectator button{color:#b7d6e8;background:0 0;font-size:10px}.toast{color:#153248;z-index:5;background:#d4efff;border-radius:9px;padding:12px 22px;font-size:12px;position:absolute;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #0004}.bottom-bar{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:26px;left:38px;right:38px}.controls{align-items:center;gap:19px;display:flex}.controls>span{color:#7992a6;align-items:center;gap:3px;font-size:9px;display:flex}kbd{color:#bdcfdf;text-align:center;background:#12253899;border:1px solid #a8c2d433;border-bottom-width:2px;border-radius:4px;min-width:20px;padding:4px 5px;font:10px system-ui,sans-serif;display:inline-block}.controls i{color:#8ca6bb;margin-left:7px;font-size:10px;font-style:normal}.map-caption{text-align:right;position:absolute;bottom:0;right:205px}.map-caption>span{letter-spacing:3px;color:#acc3d3;font:10px system-ui;display:block}.map-caption small{color:#677f94;margin-top:6px;font-size:9px;display:block}#minimap{background:#0c1e2bd4;border:1px solid #9bc0d42b;border-radius:8px;width:158px;height:126px;box-shadow:0 10px 25px #0003}.hidden{display:none!important}dialog{color:#e7f1f8;background:#122638;border:1px solid #699db24d;border-radius:16px;min-width:330px;padding:25px}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04101cb3}.playing .panel{display:none}.playing .vignette{pointer-events:none;background:linear-gradient(#0006,#0000 20% 75%,#0008);position:fixed;inset:0}@media (height<=800px){.panel{padding:22px;transform:translateY(-43%)}h1{margin:12px 0 8px;font-size:29px}.intro{font-size:11px}.small-pills{margin:12px 0}.divider{margin:15px 0}.or{margin:13px 0}.fineprint{margin-top:12px}.topbar{height:82px;padding-top:19px}.bottom-bar{bottom:17px}}@media (width<=850px){.topbar{padding:18px 20px}.brand{font-size:16px}.top-right{gap:10px}.map-label{display:none}.connection{font-size:9px}.panel{width:330px;left:20px}.room-pill{top:80px}.bottom-bar{left:20px;right:20px}.controls{gap:10px}.controls>span:last-child,.map-caption{display:none}#minimap{width:120px;height:96px}.hud{top:130px}.announcement{top:255px}.spectator{justify-content:center;width:90%}}#game{visibility:hidden}body.has-world #game{visibility:visible}body{background:radial-gradient(at 70% 30%,#163348,#08131e 65%)}#graphics-dialog{width:380px;max-width:90vw}#graphics-dialog select{color:#fff;background:#132a3b;width:100%;padding:10px}#graphics-status{color:#b5cbd6;font-size:12px;line-height:1.7}body:not(.has-world) #labels,body:not(.has-world) #minimap{visibility:hidden}
