@font-face{font-family:Kosugi;src:url(../fonts/Kosugi-Regular.ttf)format("truetype");font-display:swap}:root{--ui:1;--panel:#141720f0;--outline:0 2px 0 #000000bf, 2px 0 0 #000000bf, 0 -2px 0 #000000bf, -2px 0 0 #000000bf}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#05070c;font-family:Kosugi,system-ui,sans-serif;overflow:hidden}#viewport{width:100vw;height:100vh;display:block}#loading{z-index:30;background:#05070c;place-content:center;gap:16px;display:grid;position:fixed;inset:0}#loading[hidden]{display:none}#loading-label{text-align:center;font-size:20px}#loading-bar{background:#ffffff26;border-radius:3px;width:min(60vw,420px);height:6px;overflow:hidden}#loading-fill{background:#348ee6;width:0;height:100%;transition:width .2s linear;display:block}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud[hidden]{display:none}#hint,#counter,#controls,#complete{text-shadow:var(--outline);position:absolute}#hint{top:calc(20px * var(--ui));left:calc(28px * var(--ui));font-size:calc(26px * var(--ui))}#counter{top:calc(64px * var(--ui));left:calc(28px * var(--ui));font-size:calc(32px * var(--ui))}#controls{top:calc(122px * var(--ui));left:calc(28px * var(--ui));font-size:calc(20px * var(--ui));opacity:.85;font-family:inherit;line-height:1.3}#complete{top:calc(28px * var(--ui));font-size:calc(48px * var(--ui));color:#ffd959;white-space:nowrap;left:50%;transform:translate(-50%)}#complete[hidden]{display:none}#crosshair{width:calc(24px * var(--ui));height:calc(24px * var(--ui));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair span{background:#ffffffd9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair span:first-child{width:calc(22px * var(--ui));height:calc(2px * var(--ui))}#crosshair span:last-child{width:calc(2px * var(--ui));height:calc(22px * var(--ui))}#crosshair[hidden]{display:none}#click-to-play{font-size:calc(28px * var(--ui));cursor:pointer;z-index:15;background:#05070c8c;place-content:center;display:grid;position:fixed;inset:0}#click-to-play[hidden]{display:none}#dialog{width:min(calc(560px * var(--ui)), 92vw);padding:calc(20px * var(--ui)) calc(24px * var(--ui)) calc(24px * var(--ui));align-items:center;gap:calc(12px * var(--ui));background:var(--panel);z-index:20;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#dialog[hidden]{display:none}#dialog-title{font-size:calc(32px * var(--ui));align-self:flex-start;font-weight:400}#dialog-image-frame{width:calc(300px * var(--ui));height:calc(190px * var(--ui));background:#292e38;place-items:center;display:grid}#dialog-image{max-width:100%;max-height:100%}#dialog-description{font-size:calc(22px * var(--ui));color:#d9dee6;text-align:center}#dialog-close{margin-top:calc(4px * var(--ui));width:calc(180px * var(--ui));height:calc(52px * var(--ui));color:#fff;font-family:inherit;font-size:calc(24px * var(--ui));cursor:pointer;background:#3472e6;border:none}#dialog-close:hover{background:#4a86f2}