@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500&display=swap";:root{--bg: #05090a;--fg: #e9e2d4;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);overflow:hidden}body{font:400 12px/1.5 var(--mono);-webkit-font-smoothing:antialiased}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab;opacity:0;transition:opacity 2.2s ease}#stage:active{cursor:grabbing}body.ready #stage{opacity:1}.hud{position:fixed;inset:0;pointer-events:none}.hud>div{position:absolute}.load{left:50%;top:50%;transform:translate(-50%,-50%);width:min(240px,60vw);transition:opacity 1.2s ease}.load .bar{height:1px;background:#ffffff1c;overflow:hidden}.load .bar i{display:block;height:100%;background:var(--fg);transform-origin:left;transform:scaleX(0);transition:transform .4s ease;opacity:.7}body.loaded .load{opacity:0}.msg{left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;text-align:center;max-width:40ch}.msg.on{opacity:.85}body.film .hud{display:none}body.film #stage{transition:none}body.nogpu .load{display:none}body.nogpu{background:#05090a url(/codevember/7-Hallow/og.jpg) center / cover no-repeat}body.nogpu .msg{opacity:.95;background:#05090acc;padding:14px 18px;border-radius:4px}