body{padding:var(--sat) 0 var(--sab);overscroll-behavior:none;background-color:#222;border:0;margin:0;overflow:hidden}canvas{image-rendering:pixelated;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:auto;position:absolute;inset:0}:root{--u:1px;--s:1;--b:1;--bu:calc(var(--b) * var(--u));--band-top:0;--band:769;--sat:calc(env(safe-area-inset-top,0px) * 1.6);--sab:env(safe-area-inset-bottom,0px);--gold:#ffd23f;--silver:#c9d2e3;--bronze:#cd7f32;--cyan:#7ee0ff;--red:#ff5a5a;--amber:#ffaf38;--grey:#999}@font-face{font-family:pressstart;src:url(/build/pressstart-2BZhbCiP.ttf)format("truetype");font-display:block}.hidden{display:none!important}.hud{width:calc(1000 * var(--u));height:calc(769 * var(--u));pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre;color:#fff;-webkit-font-smoothing:antialiased;margin:auto;font-family:pressstart,monospace;line-height:1;position:absolute;inset:0;overflow:hidden}.outline{-webkit-text-stroke:.085em #000;paint-order:stroke fill}.panel-band{left:0;right:0;top:calc(var(--band-top) * var(--u));height:calc((var(--band) - var(--foot)) * var(--u));justify-content:center;align-items:center;display:flex;position:absolute}.panel{align-items:center;gap:calc(16 * var(--u));width:max-content;padding:calc(26 * var(--u)) calc(34 * var(--u)) calc(22 * var(--u));background:#0d0a1ed1;flex-direction:column;display:flex;position:relative}.frame{inset:calc((var(--o) + var(--t)) * -1 * var(--bu));position:absolute}.frame div{background:currentColor;position:absolute}.frame div:first-child,.frame div:nth-child(2){height:calc(var(--t) * var(--bu));left:0;right:0}.frame div:first-child{top:0}.frame div:nth-child(2){bottom:0}.frame div:nth-child(3),.frame div:nth-child(4){top:calc(var(--t) * var(--bu));bottom:calc(var(--t) * var(--bu));width:calc(var(--t) * var(--bu))}.frame div:nth-child(3){left:0}.frame div:nth-child(4){right:0}.panel-inset{opacity:.35;position:absolute;inset:0}.panel-title{height:calc(27 * var(--u));font-size:calc(27 * var(--u));letter-spacing:calc(1 * var(--u));-webkit-text-stroke:.148em #000;paint-order:stroke fill}.panel-sub{height:calc(10 * var(--u));font-size:calc(10 * var(--u))}.arrow{flex:none;position:relative}.arrow div{background:currentColor;position:absolute}.board{gap:calc(4 * var(--u));width:calc(300 * var(--u));font-size:calc(10 * var(--u));flex-direction:column;display:flex}.board-row{align-items:center;gap:calc(8 * var(--u));height:calc(28 * var(--u));padding:0 calc(6 * var(--u)) 0 calc(4 * var(--u));background:#0000008c;display:flex}.board-row.you{color:var(--cyan);background:#7ee0ff14}.board-chip{width:calc(18 * var(--u));height:calc(18 * var(--u));font-size:calc(9 * var(--u));color:var(--grey);background:#ffffff1f;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.board-row .arrow{width:calc(10 * var(--u));height:calc(10 * var(--u));margin-right:calc(-2 * var(--u))}.board-name{flex:1}.board-row.bot .board-name{color:var(--grey)}.board-name,.board-wins,.room-label,.room-code{padding-top:.125em}.board-chip,.room-key{box-sizing:border-box;padding-top:.125em}.pip{width:calc(12 * var(--u));height:calc(12 * var(--u));color:var(--grey);flex:none;justify-content:center;align-items:center;display:flex}.pip.on{color:var(--amber)}.pip svg{shape-rendering:crispedges;flex:none;display:block}.pip.none:before{content:"";width:100%;height:calc(2 * var(--bu));background:#5c5c5c}.panel-heading{height:calc(19 * var(--u));font-size:calc(19 * var(--u));-webkit-text-stroke:.12em #000;paint-order:stroke fill}.room{align-items:center;gap:calc(9 * var(--u));box-sizing:border-box;width:calc(300 * var(--u));height:calc(38 * var(--u));padding:0 calc(6 * var(--u)) 0 calc(12 * var(--u));font:inherit;font-size:calc(10 * var(--u));color:inherit;text-align:left;cursor:pointer;pointer-events:auto;background:#000000b3;border:0;border-radius:0;outline:0;margin:0;line-height:1;display:flex;position:relative}.room:focus-visible .room-key{color:#000;background:var(--amber)}.room-label{color:var(--grey)}.room-code{font-size:calc(13 * var(--u));letter-spacing:calc(2.5 * var(--u));flex:1}.room-key{height:calc(26 * var(--u));padding-right:calc(8 * var(--u));padding-left:calc(8 * var(--u));font-size:calc(9 * var(--u));color:var(--amber);background:#ffffff1f;align-items:center;display:flex}.code{gap:calc(13 * var(--u));font-size:calc(27 * var(--u));color:var(--cyan);display:flex;position:relative}.code-cell{width:calc(46 * var(--u));height:calc(54 * var(--u));border-bottom:calc(2 * var(--bu)) solid currentColor;justify-content:center;align-items:center;display:flex}.code-cell.at{border-bottom-color:#fff}.code input{opacity:0;pointer-events:auto;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.bar{gap:calc(4 * var(--u));padding:calc(2 * var(--u));background:#000000b3;display:flex;position:relative}.bar-seg{width:calc(26 * var(--u));height:calc(8 * var(--u));background:#ffffff1f}.bar-seg.on{background:var(--ring)}.dots{gap:calc(8 * var(--u));display:flex}.dots div{width:calc(10 * var(--u));height:calc(10 * var(--u));background:var(--amber)}.menu{gap:calc(14 * var(--u));width:calc(260 * var(--u));font-size:calc(13 * var(--u));flex-direction:column;display:flex}.menu-entry{box-sizing:border-box;height:calc(28 * var(--u));padding:calc(8 * var(--u)) 0 0 calc(33 * var(--u));position:relative}.menu-entry.active{color:#000;background:var(--amber)}.menu-entry .arrow{left:calc(10 * var(--u));top:calc(7.5 * var(--u));width:calc(13 * var(--u));height:calc(13 * var(--u));position:absolute}.menu-name{box-sizing:border-box;width:calc(160 * var(--u));height:calc(24 * var(--u));margin-bottom:calc(5 * var(--u));color:var(--cyan);border-bottom:calc(var(--bu)) solid currentColor;align-self:center}.menu-name:focus-within{border-bottom-color:#fff}.menu-name input{width:100%;min-width:0;height:100%;font:inherit;color:inherit;text-align:center;text-transform:uppercase;pointer-events:auto;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:0;outline:0;padding:0}.menu-name input::placeholder{color:var(--grey)}.back{left:calc(13 * var(--u) + 2 * var(--bu));top:calc(13 * var(--u) + 2 * var(--bu) + var(--sat));width:calc((50 + var(--chars) * 9) * var(--u));height:calc(24 * var(--u));font-size:calc(9 * var(--u));background:#000000b3;position:absolute}.back-key{left:calc(6 * var(--u));top:calc(5 * var(--u));width:calc(32 * var(--u));height:calc(14 * var(--u));color:var(--amber);background:#ffffff1f;justify-content:center;align-items:center;display:flex;position:absolute}.back.armed{color:#000;background:var(--amber)}.back.armed .back-key{color:#000;background:#00000026}.back.armed .outline{-webkit-text-stroke:0}.back-key .arrow{left:calc(3 * var(--u));top:calc(3.5 * var(--u));width:calc(7 * var(--u));height:calc(7 * var(--u));position:absolute}.back-label{left:calc(44 * var(--u));top:calc(7.5 * var(--u));position:absolute}.mobile{--b:2}.mobile body{background-color:#110c04}.mobile .hud{width:100%;height:100%}.mobile .panel{gap:calc(24 * var(--u));padding:calc(36 * var(--u)) calc(40 * var(--u)) calc(32 * var(--u))}.mobile .panel-title{height:auto;max-width:calc(500 * var(--u));font-size:calc(40 * var(--u));white-space:normal;text-align:center;line-height:1.4}.mobile .panel-sub{height:calc(16 * var(--u));font-size:calc(16 * var(--u))}.mobile .board{gap:calc(6 * var(--u));width:calc(440 * var(--u));font-size:calc(16 * var(--u))}.mobile .board-row{gap:calc(12.8 * var(--u));height:calc(44 * var(--u));padding:0 calc(9.6 * var(--u)) 0 calc(6.4 * var(--u))}.mobile .board-chip{width:calc(28 * var(--u));height:calc(28 * var(--u));font-size:calc(14 * var(--u))}.mobile .board-row .arrow{width:calc(16 * var(--u));height:calc(16 * var(--u))}.mobile .pip{width:calc(20 * var(--u));height:calc(20 * var(--u))}.mobile .panel-heading{height:calc(30 * var(--u));font-size:calc(30 * var(--u))}.mobile .room{gap:calc(14 * var(--u));width:calc(440 * var(--u));height:calc(60 * var(--u));padding:0 calc(10 * var(--u)) 0 calc(18 * var(--u));font-size:calc(16 * var(--u))}.mobile .room-code{font-size:calc(20 * var(--u));letter-spacing:calc(4 * var(--u))}.mobile .room-key{height:calc(40 * var(--u));padding-right:calc(12 * var(--u));padding-left:calc(12 * var(--u));font-size:calc(14 * var(--u))}.mobile .code{gap:calc(20 * var(--u));font-size:calc(40 * var(--u))}.mobile .code-cell{width:calc(72 * var(--u));height:calc(84 * var(--u))}.mobile .bar{gap:calc(6 * var(--u));padding:calc(3 * var(--u))}.mobile .bar-seg{width:calc(38 * var(--u));height:calc(12 * var(--u))}.mobile .dots{gap:calc(12.8 * var(--u))}.mobile .dots div{width:calc(16 * var(--u));height:calc(16 * var(--u))}.mobile .menu{gap:calc(20 * var(--u));width:calc(440 * var(--u));font-size:calc(20 * var(--u))}.mobile .menu-entry{height:calc(76 * var(--u));padding:calc(28 * var(--u)) 0 0 calc(56 * var(--u))}.mobile .menu-entry .arrow{left:calc(18 * var(--u));top:calc(28 * var(--u));width:calc(20 * var(--u));height:calc(20 * var(--u))}.mobile .menu-name{width:calc(260 * var(--u));height:calc(60 * var(--u));margin-bottom:calc(8 * var(--u));position:relative}.mobile .menu-name input{--k:calc(var(--s) * 1.25);width:calc(100% / var(--k));height:auto;transform:translateY(-50%) scale(var(--k));transform-origin:0;font-size:16px;position:absolute;top:50%;left:0}.mobile .back{width:calc((62 + var(--chars) * 14) * var(--u));height:calc(40 * var(--u));font-size:calc(14 * var(--u))}.mobile .back-key{left:calc(8 * var(--u));top:calc(8 * var(--u));width:calc(24 * var(--u));height:calc(24 * var(--u))}.mobile .back-key .arrow{left:calc(6 * var(--u));top:calc(6 * var(--u));width:calc(12 * var(--u));height:calc(12 * var(--u))}.mobile .back-label{left:calc(42 * var(--u));top:calc(13 * var(--u))}.rotate{display:none}@media (orientation:landscape){.mobile .rotate{z-index:1;color:var(--amber);background:#0d0a1e;justify-content:center;align-items:center;font:14px pressstart,monospace;display:flex;position:fixed;inset:0}}