:root{--hud:1;--bone:#e8e4dc;--ash:#e8e4dc8c;--night:#07070a}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--bone);margin:0;font-family:Barlow Condensed,system-ui,sans-serif;overflow:hidden}canvas#view{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}#hud .notice{text-align:center;font-size:20px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#hud .logo{letter-spacing:.2em;font-size:72px;font-weight:800}#hud .strip{top:calc(10px * var(--hud));gap:calc(26px * var(--hud));display:flex;position:absolute;left:50%;transform:translate(-50%)}#hud .slot{align-items:center;gap:calc(8px * var(--hud));font-weight:800;font-size:calc(15px * var(--hud));letter-spacing:.14em;color:var(--c);text-shadow:0 0 calc(8px * var(--hud)) color-mix(in srgb, var(--c) 55%, transparent), 0 1px 0 #000;transition:opacity .3s;display:flex}#hud .slot.out{opacity:.35}#hud .slot .pips{gap:calc(4px * var(--hud));display:flex}#hud .slot .pips i{width:calc(6px * var(--hud));height:calc(6px * var(--hud));border:1px solid color-mix(in srgb, var(--c) 60%, transparent);transform:rotate(45deg)}#hud .slot .pips i.on{background:var(--c);box-shadow:0 0 calc(6px * var(--hud)) var(--c)}#hud .card{text-align:center;opacity:0;transition:opacity .25s,transform .4s cubic-bezier(.2,.9,.3,1);position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.96)}#hud .card.on{opacity:1;transform:translate(-50%,-50%)scale(1)}#hud .card .title{font-weight:800;font-size:calc(64px * var(--hud));letter-spacing:.22em;text-shadow:0 0 calc(24px * var(--hud)) #000000e6, 0 2px 0 #000;white-space:nowrap}#hud .card .sub{margin-top:calc(4px * var(--hud));font-weight:600;font-size:calc(18px * var(--hud));letter-spacing:.4em;color:var(--ash);text-shadow:0 1px #000}#hud .tags{position:absolute;inset:0}#hud .tag{font-weight:800;font-size:calc(14px * var(--hud));letter-spacing:.16em;color:var(--c);text-shadow:0 0 8px #000000e6,0 1px #000;white-space:nowrap;position:absolute;top:0;left:0}#hud .help{bottom:calc(14px * var(--hud));align-items:center;gap:calc(6px * var(--hud));font-weight:600;font-size:calc(16px * var(--hud));letter-spacing:.06em;color:var(--ash);text-shadow:0 1px #000;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}#hud .help .row{white-space:nowrap;align-items:center;gap:6px;display:flex}#hud .help .row.dim{opacity:.7;font-size:.85em}#hud .net{top:calc(10px * var(--hud));left:calc(14px * var(--hud));font-weight:600;font-size:calc(14px * var(--hud));letter-spacing:.12em;color:var(--ash);text-shadow:0 1px #000;pointer-events:auto;position:absolute}#hud .net b{color:var(--bone);letter-spacing:.2em;font-weight:800}#hud .net button{all:unset;cursor:pointer;color:var(--bone);border-bottom:1px solid var(--ash);margin-left:8px}#hud .net .problem{color:#e9a07a;margin-top:4px}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(./barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(./barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2)format("woff2"),url(./barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(./barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(./barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}