@font-face{font-family:Tiny5;src:url("./fonts/tiny5-5M6UW7F4.woff2") format("woff2");font-display:block}@font-face{font-family:DMMono;src:url("./fonts/dm-mono-B2LNGFFJ.woff2") format("woff2");font-display:block}:root{--ink: #2B2B22;--paper: #E8F4F2;--ground: #E8F4F2;--s: 2}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--ground);color:var(--ink);font-family:DMMono,ui-monospace,monospace;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{position:fixed;inset:0;width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{position:absolute;inset:0}#stage{position:absolute;left:0;top:0}#board{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#type{position:absolute;left:0;top:0;pointer-events:none}#ui{position:absolute;inset:0;pointer-events:none}#ui button{pointer-events:auto}.zone{position:absolute;display:flex;align-items:center;justify-content:center;gap:calc(13px * var(--s))}[data-mode=split] .zone{gap:calc(6px * var(--s))}[data-mode=split] #acts{gap:calc(5px * var(--s))}#top{justify-content:flex-start;gap:calc(5px * var(--s));padding:0 calc(8px * var(--s))}#top button{background:none;padding:calc(1px * var(--s)) calc(4px * var(--s))}#top .spacer{flex:1}.iconbtn{display:flex;align-items:center;justify-content:center;padding:calc(.5px * var(--s))!important;border-color:var(--ink)!important}.iconbtn svg{display:block;width:calc(9px * var(--s));height:calc(9px * var(--s));fill:currentColor;shape-rendering:crispEdges}#top .iconbtn:active{background:var(--ink);color:var(--paper)}#acts{gap:calc(6px * var(--s))}.stat{display:flex;flex-direction:column;align-items:center;gap:calc(2px * var(--s));min-width:0}.val{font-family:Tiny5,monospace;font-size:calc(10px * var(--s))}.lbl{font-size:calc(5px * var(--s));letter-spacing:calc(1px * var(--s));opacity:.72}#gauge{justify-content:space-between;gap:0}#gauge .spacer{flex:1}button{font-family:DMMono,monospace;font-size:calc(6px * var(--s));letter-spacing:calc(1.2px * var(--s));color:var(--ink);background:var(--paper);border:calc(1px * var(--s)) solid var(--ink);border-radius:0;padding:calc(3.5px * var(--s)) calc(6.5px * var(--s));cursor:pointer}button:active,button.armed{background:var(--ink);color:var(--paper)}button:disabled{opacity:.35;border-color:transparent}button.ghost{border-color:transparent}@keyframes beat{0%,55%{opacity:1}56%,to{opacity:0}}.beat{animation:beat 1.4s steps(1,end) infinite}@media(prefers-reduced-motion:reduce){.beat{animation:none;opacity:1}}#sheet{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(11px * var(--s));padding:calc(16px * var(--s));background:var(--paper);pointer-events:auto}[data-mode=split] #sheet{display:grid;grid-template-columns:auto auto;justify-content:center;align-content:center;gap:calc(7px * var(--s)) calc(16px * var(--s));padding:calc(10px * var(--s))}[data-mode=split] #sheet .credit,[data-mode=split] #sheet>button{grid-column:1 / -1;justify-self:center}.group{display:flex;flex-direction:column;align-items:center}.grouplbl{font-size:calc(5px * var(--s));letter-spacing:calc(1.6px * var(--s));opacity:.6;margin-bottom:calc(5px * var(--s))}.row{display:flex;gap:calc(4px * var(--s));flex-wrap:wrap;justify-content:center}.menu{position:relative}.scrim{position:absolute;inset:0;z-index:4;background:#00000073}.menu.open{z-index:5}.menutitle{min-width:calc(84px * var(--s));text-align:left}.menutitle:after{content:" \25be";float:right}.menulist{display:none;position:absolute;left:0;top:calc(100% - 1px * var(--s));z-index:5;min-width:100%;background:var(--paper);border:calc(1px * var(--s)) solid var(--ink);box-shadow:calc(2px * var(--s)) calc(2px * var(--s)) 0 var(--ink)}.menu.open .menulist{display:block}.menulist button{display:block;width:100%;text-align:left;border:0;background:none;padding:calc(3px * var(--s)) calc(7px * var(--s));white-space:nowrap}.menulist button:hover,.menulist button.armed{background:var(--ink);color:var(--paper)}.menulist button[data-auto]{border-bottom:calc(1px * var(--s)) solid var(--ink)}.credit{font-size:calc(4.4px * var(--s));line-height:1.9;letter-spacing:calc(.5px * var(--s));opacity:.5;text-align:center;max-width:calc(180px * var(--s))}