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;--lift:0;--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{left:0;right:0;top:calc((var(--top) + var(--lift)) * var(--u) + var(--sat));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;margin:0 auto;display:flex;position:absolute}.frame{inset:calc((var(--o) + var(--t)) * -1 * var(--b) * var(--u));position:absolute}.frame div{background:currentColor;position:absolute}.frame div:first-child,.frame div:nth-child(2){height:calc(var(--t) * var(--b) * var(--u));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(--b) * var(--u));bottom:calc(var(--t) * var(--b) * var(--u));width:calc(var(--t) * var(--b) * var(--u))}.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-name input{width:100%;min-width:0;font:inherit;color:inherit;text-transform:uppercase;border:0;border-bottom:calc(var(--b) * var(--u)) solid currentColor;pointer-events:auto;-webkit-user-select:text;user-select:text;background:0 0;border-radius:0;outline:0;padding:0}.board-name input::placeholder{color:var(--grey)}.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}.back{left:calc((13 + 2 * var(--b)) * var(--u));top:calc((13 + 2 * var(--b)) * var(--u) + var(--sat));width:calc(68 * 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(14 * var(--u));height:calc(14 * var(--u));color:var(--amber);background:#ffffff1f;justify-content:center;align-items:center;display:flex;position:absolute}.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(26 * 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-name:has(input){align-self:stretch;position:relative}.mobile .board-name input{width:calc(100% / var(--s));border-bottom-width:calc(var(--b) * 1px);transform:translateY(-50%) scale(var(--s));transform-origin:0;font-size:16px;position:absolute;top:50%;left:0}.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 .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 .back{width:calc(118 * 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}}