: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%)}.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}.speed-setting{margin-top:16px}.speed-setting label{margin-bottom:6px}.speed-setting select,#audio-dialog select{color:#d9eaf7;width:100%;font:inherit;background:#132a3b;border:1px solid #769bb445;border-radius:8px;padding:10px;font-size:12px}.speed-setting select:disabled{opacity:.65}#audio-dialog{width:360px;max-width:90vw}#audio-dialog label{margin-top:20px}#audio-dialog input[type=range]{accent-color:#80d0f2;background:0 0;border:0;height:28px;padding:0}.mute-setting{justify-content:flex-start;gap:10px;display:flex}.mute-setting input{accent-color:#80d0f2;width:16px;height:16px}.lobby .roster{max-height:34vh}.speed-setting #speed-hint{font-size:9px}.room-settings{grid-template-columns:1fr 1fr;gap:12px 10px;margin-top:18px;display:grid}.room-settings select{width:100%;font:inherit;color:#d9eaf7;background:#132a3b;border:1px solid #769bb445;border-radius:8px;min-width:0;padding:9px;font-size:12px}.room-settings select:disabled{opacity:.65}.asset-line{color:#90b7c9;align-items:center;gap:10px;min-height:26px;margin-top:8px;font-size:10px;display:flex}.asset-line .text-button{white-space:nowrap;margin:0}.lobby{max-height:calc(100vh - 172px);top:94px;bottom:78px;overflow-y:auto;transform:none}.lobby .roster{max-height:24vh;margin:12px 0}.lobby-actions{background:#102334;padding:8px 0;position:sticky;bottom:0}.room-settings label{margin-bottom:5px}.player-label{z-index:1}.match-score{color:#b0d4e5;align-self:center;font-size:11px;line-height:1.8}#match-score{color:#c7dce5;margin:8px 0;font-size:12px}body:has(#lobby:not(.hidden)) .hud{display:none}.room-settings .seeker-repeat-option{align-items:center;gap:7px;min-height:36px;font-size:12px;display:flex}.seeker-repeat-option input{accent-color:#82d4eb;width:16px;height:16px;margin:0}.topbar{z-index:4;grid-template-columns:auto minmax(250px,1fr) auto;align-items:start;height:auto;min-height:94px;display:grid}.topbar .brand,.top-right{align-self:center}.room-share{justify-self:center;width:max-content;max-width:100%;position:relative}.topbar .room-pill{color:#0a3046;letter-spacing:0;background:#80d0f2;border:2px solid #b6ebff;border-radius:12px;justify-content:center;min-width:250px;min-height:48px;padding:10px 18px;font-weight:800;position:static;transform:none;box-shadow:0 4px 22px #44b5e42b}.room-pill b{color:#0a3046;letter-spacing:2px;font-size:20px}.room-pill>span:first-child{font-size:13px}.room-pill:hover{background:#b1eaff}.share-highlight{animation:1s ease-in-out 2 share-pulse!important}#share-guide{color:#bce9fc;text-align:center;max-width:290px;margin:7px 0 0;font-size:10px;line-height:1.6}.share-fallback{z-index:5;background:#122638;border:1px solid #83d6f2;border-radius:10px;width:330px;max-width:90vw;padding:14px;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0008}.share-fallback label{line-height:1.7}.share-fallback input{font-size:11px}.leave-button{color:#ffe2e7;white-space:nowrap;background:#452d3a8c;border:1px solid #cc89956b;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:105px;min-height:44px;padding:10px 15px;font-size:12px;font-weight:700;display:inline-flex}.leave-button:hover{background:#694151}.lobby-leave{width:100%;margin-top:14px}.topbar .top-right{gap:12px}.in-room .lobby{top:calc(var(--header-bottom,94px) + 8px);max-height:calc(100vh - var(--header-bottom,94px) - 86px)}.in-room .hud{top:calc(var(--header-bottom,94px) + 14px)}.in-room .announcement{top:calc(var(--header-bottom,94px) + 142px)}.nickname-form{background:#0a1b2866;border:1px solid #769bb426;border-radius:10px;margin:14px 0;padding:12px}.nickname-row{gap:8px;display:flex}.nickname-row input{min-width:0}.nickname-row button{min-width:65px;min-height:44px}.nickname-form label{font-size:12px}.nickname-form label span{font-size:9px}.nickname-form p{color:#9cd8c4;margin:7px 0 0;font-size:10px;line-height:1.6}.nickname-form p:empty{display:none}.nickname-form p.error{color:#ffb2a3}.room-settings>label:not(.seeker-repeat-option){display:block}.room-settings>label>select{margin-top:6px}.topbar:has(.room-share.hidden){grid-template-columns:auto 1fr}.topbar:has(.room-share.hidden) .top-right{justify-self:end}@keyframes share-pulse{50%{box-shadow:0 0 0 6px #80d0f245,0 4px 26px #6cd8ff70}}@media (width<=1100px){.topbar{grid-template-columns:1fr auto;gap:12px;padding:18px 20px}.room-share{grid-area:2/1/auto/-1;justify-self:stretch;width:100%}.topbar .room-pill{width:100%;min-height:44px}.top-right{grid-area:1/2}.topbar .map-label{display:none}.topbar .room-pill>span:first-child{font-size:13px}#share-guide{max-width:none;margin-top:5px}.topbar .connection{font-size:10px}.room-share .share-fallback{left:0;transform:none}.in-room .lobby{top:calc(var(--header-bottom,144px) + 8px)}}@media (width<=600px){.topbar .brand{gap:8px;font-size:13px}.topbar .bell{border-width:4px;width:30px;height:30px}.topbar .brand small{letter-spacing:2px;font-size:7px}.topbar .top-right{gap:6px}.topbar .connection{display:none}.topbar .leave-button{min-width:92px;padding:9px;font-size:11px}}@media (prefers-reduced-motion:reduce){.share-highlight{animation:none!important}.topbar .room-pill{box-shadow:0 0 0 3px #80d0f240}}.setting-slider{background:#0a1b2870;border:1px solid #769bb426;border-radius:10px;grid-column:1/-1;min-width:0;padding:10px 12px}.slider-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.room-settings .slider-heading label{margin:0;font-size:12px}.slider-heading output{color:#a9e4fa;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:700}.setting-slider input[type=range]{--range-progress:0%;appearance:none;cursor:pointer;accent-color:#80d0f2;background:0 0;border:0;border-radius:0;width:100%;height:30px;margin:4px 0 0;padding:0}.setting-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#80d0f2 var(--range-progress),#304b60 var(--range-progress));border-radius:8px;height:5px}.setting-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:#c3eeff;border:3px solid #6eb7dc;border-radius:50%;width:18px;height:18px;margin-top:-6.5px;box-shadow:0 1px 5px #0005}.setting-slider input[type=range]::-moz-range-track{background:#304b60;border-radius:8px;height:5px}.setting-slider input[type=range]::-moz-range-progress{background:#80d0f2;border-radius:8px;height:5px}.setting-slider input[type=range]::-moz-range-thumb{background:#c3eeff;border:3px solid #6eb7dc;border-radius:50%;width:12px;height:12px}.setting-slider input[type=range]:disabled{opacity:.5;cursor:not-allowed}.setting-slider:has(input:disabled) output{color:#8ba4b5}.slider-scale{color:#829eb2;pointer-events:none;justify-content:space-between;font-size:9px;display:flex}.speed-scale span{text-align:center;width:20%}.speed-scale span:first-child{text-align:left}.speed-scale span:last-child{text-align:right}.slider-help{color:#829eb2;margin:6px 0 0;font-size:9px;line-height:1.5}.match-score{grid-column:1/-1}.censorship-setting{color:#edf7ff;background:#122638;border:1px solid #365269;border-radius:10px;margin:12px 0;padding:10px 12px}.censorship-toggle{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex!important}.censorship-toggle input{accent-color:#71d5ed;flex:none;width:22px;height:22px}.censorship-toggle small{color:#afc4d1;font-size:12px;font-weight:400;display:block}.censorship-setting p{margin:0;font-size:12px}.censorship-setting p:empty{display:none}.censorship-setting button{margin-top:8px}.censorship-toggle{text-align:left;justify-content:flex-start!important}.censorship-toggle span{margin-right:auto}#retry-footsteps{min-height:44px;margin:0 0 12px}
