@font-face{font-family:T5Menu;src:url(ui/SairaExtraCondensed-Medium.ttf) format('truetype');font-weight:400 800;font-display:swap}
#menu.game-menu{--mu:clamp(.65px,calc(100vh / 720),1.8px);position:fixed;inset:0;display:block;padding:0;overflow:auto;background:#080909;color:#d7d9d6;font:calc(var(--mu)*23)/1.3 T5Menu,'Arial Narrow',sans-serif;letter-spacing:.04em}
.game-menu .menu-backdrop{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;filter:grayscale(.8) blur(2px)}
.game-menu .menu-shade{position:fixed;inset:0;background:linear-gradient(90deg,#050706f5 0%,#070a09bd 46%,#03070650 100%),repeating-linear-gradient(0deg,#0003 0px,#0003 1px,transparent 1px,transparent 4px);pointer-events:none}
#menu.game-menu.pause{background:#0008}.game-menu.pause .menu-backdrop{display:none}.game-menu.pause .menu-shade{background:linear-gradient(90deg,#030706e8,#03070650)}
#menu.game-menu .menu-content{position:relative;left:7vw;top:calc(var(--mu)*52);margin:0 0 calc(var(--mu)*130);width:calc(var(--mu)*360);max-width:44vw;min-height:calc(var(--mu)*510)}
.game-menu .menu-heading{margin-bottom:calc(var(--mu)*38);padding:0;border:0}.game-menu .menu-heading>p:first-child{font:calc(var(--mu)*15)/1.2 T5Menu;letter-spacing:.18em;color:#969c96;margin:0 0 8px}
#menu.game-menu h1{font:calc(var(--mu)*62)/1 T5Menu;letter-spacing:.04em;color:#e8ebe5;margin:0}.game-menu #mode-label{font:calc(var(--mu)*20)/1.5 T5Menu;letter-spacing:.14em;color:#acb3aa;margin:6px 0 0}
.game-menu .menu-list{display:flex;flex-direction:column;gap:calc(var(--mu)*5)}
#menu.game-menu button,#menu.game-menu .menu-list a{display:block;position:relative;width:100%;margin:0;border:0;border-radius:0;padding:calc(var(--mu)*6) calc(var(--mu)*13);min-height:calc(var(--mu)*35);height:auto;background:transparent;color:#bac0b9;text-align:left;font:calc(var(--mu)*25)/1.15 T5Menu;letter-spacing:.055em;text-decoration:none;text-shadow:0 1px 2px #000}
#menu.game-menu button span,#menu.game-menu a span{float:right;font:inherit}
#menu.game-menu button:enabled:hover,#menu.game-menu a:hover,#menu.game-menu button:enabled:focus,#menu.game-menu a:focus{outline:0;color:#ffe297;background:linear-gradient(90deg,#a361263f,#a3612600);box-shadow:inset 3px 0 #e9b969}
#menu.game-menu button:disabled{opacity:.4}#menu.game-menu #start{color:#ead5aa}
.game-menu.submenu #menu-main,.game-menu:has(#coop-panel:not([hidden])) #menu-main{display:none}
.game-menu .menu-sub h2,.game-menu #coop-panel h2{font:calc(var(--mu)*29)/1 T5Menu;color:#e7e7db;margin:0 0 calc(var(--mu)*22)}
.game-menu .menu-sub label{display:grid;grid-template-columns:1fr 42% 15%;align-items:center;gap:10px;margin:calc(var(--mu)*18) 0;font-size:calc(var(--mu)*21);letter-spacing:0}
.game-menu input[type=range]{width:100%;accent-color:#d6b875}.game-menu input:focus-visible{outline:2px solid #d6b875;outline-offset:3px}.game-menu output{text-align:right;color:#e4ce94}
#menu.game-menu .controls{margin:0 0 20px;font:calc(var(--mu)*20)/1.8 T5Menu;color:#bbc1b9;letter-spacing:0;white-space:pre-line}
.game-menu #pad-controls{font-size:calc(var(--mu)*18)}.game-menu .keyboard-controls{display:block}body.pad-mode .game-menu .keyboard-controls{display:none!important}
.game-menu #status,.game-menu #menu-status,.game-menu #loading,.game-menu #results,.game-menu #error{font:calc(var(--mu)*17)/1.4 T5Menu;letter-spacing:.02em;color:#b0b5a8;margin:calc(var(--mu)*20) 0 0;width:100%;max-width:none}
.game-menu #loading>div{background:#ffffff18;margin:8px 0;height:2px}.game-menu #load-progress{background:#c8b77e}.game-menu #error{color:#ff9984}
.game-menu .menu-right{position:absolute;top:calc(var(--mu)*70);right:7vw;width:36vw;max-width:calc(var(--mu)*460);text-shadow:0 2px 6px #000}
.game-menu .menu-right h2{font:calc(var(--mu)*36)/1 T5Menu;letter-spacing:.06em;margin:0 0 calc(var(--mu)*16)}.game-menu figure{margin:0;border:1px solid #b7bdb340;box-shadow:0 4px 30px #0009}.game-menu figure img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}
.game-menu .menu-map-mode{font-size:calc(var(--mu)*17);color:#989e95;margin:14px 0;letter-spacing:.14em}.game-menu .menu-scoreboard{display:flex;gap:calc(var(--mu)*34);border-top:1px solid #bcc4b833;padding-top:calc(var(--mu)*15);font-size:calc(var(--mu)*17);color:#aaa}.game-menu .menu-scoreboard b{display:block;font-size:calc(var(--mu)*32);color:#e4e6da;font-weight:400}.game-menu #menu-objective{font-size:calc(var(--mu)*21);color:#c1c4b4}
.game-menu .menu-footer{position:fixed;bottom:0;left:0;right:0;padding:calc(var(--mu)*16) 7vw;display:flex;justify-content:space-between;background:#080b09ed;border-top:1px solid #ffffff20;font:calc(var(--mu)*17)/1 T5Menu;color:#aaa;letter-spacing:.08em}
#menu.game-menu #coop-panel{width:100%;padding:0;border:0;background:none;margin:0}#menu.game-menu #coop-panel input{font:calc(var(--mu)*21)/1.3 T5Menu;background:#101510;color:#eee;border:1px solid #8e998077;border-radius:0}#menu.game-menu #coop-panel button{font-size:calc(var(--mu)*21)}#menu.game-menu #coop-panel .coop-help{font:calc(var(--mu)*18)/1.3 T5Menu}.game-menu:has(#coop-panel:not([hidden])) .menu-heading{margin-bottom:20px}
.game-menu #destinations{margin-top:12px}.game-menu #destinations button{font-size:calc(var(--mu)*20)}
#menu.game-menu .touch-settings{margin-top:15px;font:15px/1.4 T5Menu}.game-menu .touch-settings label{display:block}.game-menu .touch-settings p{font:15px/1.4 T5Menu}
@media(max-width:650px){#menu.game-menu{--mu:.9px}#menu.game-menu .menu-content{left:7vw;top:30px;max-width:86vw;width:86vw;margin-bottom:90px;min-height:0}.game-menu .menu-right{position:relative;top:0;right:auto;margin:0 7vw 90px;width:86vw;max-width:none}.game-menu .menu-right figure{max-width:320px}.game-menu .menu-footer>span:last-child{display:none}.game-menu .menu-heading{margin-bottom:22px}.game-menu.submenu .menu-right,.game-menu:has(#coop-panel:not([hidden])) .menu-right{display:none}}
body.touch-mode #menu.game-menu{padding:0}body.touch-mode #menu.game-menu .menu-content{margin:0 0 90px;max-width:44vw;width:40vw}body.touch-mode #menu.game-menu .controls{display:block}body.touch-mode #menu.game-menu .touch-settings{display:none}body.touch-mode #menu.game-menu #menu-options .touch-settings{display:block}body.touch-mode #menu.game-menu #start{padding:6px 13px}body.touch-mode #menu.game-menu h1{font-size:calc(var(--mu)*62)}
@media(orientation:portrait){body.touch-mode #menu.game-menu .menu-content{width:86vw;max-width:86vw}.game-menu .menu-footer{font-size:15px}}
.game-menu .keybinds{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(var(--mu)*30);margin:0 0 calc(var(--mu)*12)}
.game-menu .kb-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:calc(var(--mu)*3) 0;border-top:1px solid #ffffff14;font:calc(var(--mu)*18)/1.3 T5Menu;color:#bbc1b9}
#menu.game-menu .kb-key{width:auto;min-width:calc(var(--mu)*124);padding:calc(var(--mu)*3) calc(var(--mu)*10);text-align:center;font-size:calc(var(--mu)*17);color:#e4ce94}
#menu.game-menu .kb-key.listening{background:#d6b875;color:#000}
.game-menu .mp-intro{margin:0 0 calc(var(--mu)*16);font:calc(var(--mu)*19)/1.45 T5Menu;color:#aeb5ab}
.game-menu .mp-field{margin:0 0 calc(var(--mu)*18)!important}
.game-menu #mp-name,.game-menu #mp-code{width:100%;box-sizing:border-box;padding:calc(var(--mu)*7) calc(var(--mu)*10);background:#0b0f12;border:1px solid #ffffff33;color:#e8ebe5;font:calc(var(--mu)*21)/1.2 T5Menu;letter-spacing:.06em}
.game-menu #mp-code{text-transform:uppercase;letter-spacing:.2em;text-align:center}
#menu.game-menu .mp-primary{width:100%;color:#14110a;background:#d6b875;font-weight:700}
#menu.game-menu .mp-primary:hover,#menu.game-menu .mp-primary:focus{background:#ead5aa;color:#000}
#menu.game-menu .mp-primary:disabled{background:#ffffff1a;color:#8d948a}
.game-menu .mp-or{margin:calc(var(--mu)*16) 0 calc(var(--mu)*10);text-align:center;font:calc(var(--mu)*17)/1 T5Menu;letter-spacing:.14em;text-transform:uppercase;color:#7f877d}
.game-menu .mp-join{display:grid;grid-template-columns:1fr auto;gap:calc(var(--mu)*10);margin-bottom:calc(var(--mu)*10)}
.game-menu .mp-codebox{display:grid;grid-template-columns:1fr auto;align-items:center;margin:0 0 calc(var(--mu)*14);padding:calc(var(--mu)*10) calc(var(--mu)*14);background:#ffffff0d;border:1px solid #ffffff22}
.game-menu .mp-codebox span{grid-column:1/-1;font:calc(var(--mu)*15)/1 T5Menu;letter-spacing:.2em;color:#8d948a}
.game-menu .mp-codebox b{font:calc(var(--mu)*52)/1.1 T5Menu;letter-spacing:.22em;color:#ead5aa;font-weight:400}
.game-menu #mp-players{list-style:none;margin:0 0 calc(var(--mu)*16);padding:0}
.game-menu #mp-players li{display:flex;align-items:center;gap:calc(var(--mu)*10);padding:calc(var(--mu)*7) 0;border-top:1px solid #ffffff14;font:calc(var(--mu)*22)/1.2 T5Menu;color:#e8ebe5}
.game-menu #mp-players i{width:.7em;height:.7em;border-radius:50%;flex:none}
.game-menu #mp-players span{flex:1}
.game-menu #mp-players em{font:calc(var(--mu)*14)/1 T5Menu;font-style:normal;letter-spacing:.14em;padding:calc(var(--mu)*3) calc(var(--mu)*7);background:#ffffff1f;color:#d6b875}
.game-menu #mp-status{min-height:1.4em;margin:calc(var(--mu)*10) 0;font:calc(var(--mu)*19)/1.4 T5Menu;color:#aeb5ab}
.game-menu #mp-status.mp-error{color:#ff9984}
#roomtag{position:fixed;top:10px;left:14px;z-index:30;padding:4px 10px;background:#000a;border:1px solid #ffffff33;font:700 14px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#ead5aa;pointer-events:none}
.game-menu .menu-sub label.mp-field{grid-template-columns:auto 1fr}
#menu.game-menu #mp-join,#menu.game-menu #mp-copy{border:1px solid #d6b87599;color:#ead5aa;padding:calc(var(--mu)*6) calc(var(--mu)*16);width:auto}
#nettoast{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:40;padding:8px 18px;background:#000c;border:1px solid #d6b87599;font:700 18px/1.2 T5Menu,sans-serif;letter-spacing:.08em;color:#ead5aa;text-shadow:0 1px 4px #000;pointer-events:none}
