@font-face{font-family:"Jersey 10";src:url(../fonts/jersey10/Jersey10-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#000;margin:0;overflow:hidden}#app>canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.boot-splash{--ink:#202830;--paper:#f0f0f0;--red:#d32f2f;--yellow:#fcbc3c;--green:#2e7d32;--unit:clamp(1px, min(calc(100vw / 1280), calc(100dvh / 720)), 2px);--stripe:clamp(14px, 4vw, 58px);z-index:100;color:var(--paper);background:linear-gradient(90deg, var(--red) 0 var(--stripe), var(--paper) 0 calc(var(--stripe) + 5px), transparent 0), repeating-linear-gradient(90deg, color-mix(in srgb, var(--green) 22%, var(--ink)) 0 calc(96 * var(--unit)), color-mix(in srgb, var(--green) 12%, var(--ink)) 0 calc(192 * var(--unit)));font-synthesis:none;font-family:"Jersey 10",monospace;font-size:calc(22 * var(--unit));place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.boot-splash__stage{width:min(calc(100% - 2 * var(--stripe) - 32px), calc(720 * var(--unit)));margin-left:var(--stripe);justify-items:start;display:grid}.boot-splash__kicker{margin:0 0 calc(12 * var(--unit));padding:calc(5 * var(--unit)) calc(10 * var(--unit));border-left:calc(4 * var(--unit)) solid var(--yellow);background:var(--ink);color:var(--yellow)}.boot-splash__title{margin:0 0 calc(36 * var(--unit));font-size:clamp(72px, 13vw, calc(168 * var(--unit)));text-shadow:.05em .05em 0 var(--red);font-weight:400;line-height:.82}.boot-splash__title span{display:block}.boot-splash__title span:last-child{color:var(--yellow);margin-left:.5em}.boot-splash__bar{box-sizing:border-box;width:100%;height:calc(40 * var(--unit));padding:calc(5 * var(--unit));border:calc(4 * var(--unit)) solid var(--paper);background:var(--ink);box-shadow:calc(8 * var(--unit)) calc(8 * var(--unit)) 0 var(--red);position:relative}.boot-splash__fill{background:linear-gradient(90deg, var(--yellow) 0 calc(100% - 4 * var(--unit)), transparent 0) 0 0 / 5% 100% repeat-x;height:100%;clip-path:inset(0 calc((1 - var(--boot-progress,.1)) * 100%) 0 0);display:block}.boot-splash__status{margin:calc(18 * var(--unit)) 0 0}.boot-splash[data-ready]{cursor:pointer;outline:none}.boot-splash[data-ready] .boot-splash__bar{display:none}.boot-splash[data-ready] .boot-splash__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boot-splash__prompt{padding:calc(10 * var(--unit)) calc(22 * var(--unit));border:calc(4 * var(--unit)) solid var(--paper);background:var(--ink);box-shadow:calc(8 * var(--unit)) calc(8 * var(--unit)) 0 var(--red);color:var(--yellow);font-size:calc(40 * var(--unit));margin:0;display:flex}.boot-splash__prompt[hidden]{display:none}.boot-splash__status:after,.boot-splash__prompt:after{content:"_";color:var(--yellow);animation:1s steps(2,jump-none) infinite boot-splash-blink}@keyframes boot-splash-blink{to{opacity:0}}@media (prefers-reduced-motion:reduce){.boot-splash__status:after,.boot-splash__prompt:after{animation:none}}.boot-splash__prompt-touch{display:none}@media (pointer:coarse){.boot-splash__prompt-keys{display:none}.boot-splash__prompt-touch{display:inline}}.portrait-notice{display:none}@media (orientation:portrait) and (pointer:coarse) and (width<=767px){.portrait-notice{z-index:200;color:#f0f0f0;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#d32f2f 0 14px,#f0f0f0 0 19px,#0000 0),#202830;place-content:center;gap:16px;padding:24px;font-family:"Jersey 10",monospace;display:grid;position:fixed;inset:0}.portrait-notice__title{color:#fcbc3c;border:4px solid #f0f0f0;margin:0;padding:10px 18px;font-size:44px;line-height:1;box-shadow:8px 8px #d32f2f}.portrait-notice__text{margin:0;font-size:22px}}.app-shell,.app-shell *{box-sizing:border-box}.app-shell{z-index:40;color:var(--ink);background:var(--paper);font-family:Courier New,Courier,monospace;position:fixed;inset:0;overflow:hidden}.app-shell[data-surface=playing]{pointer-events:none;background:0 0}.app-shell[data-surface=playing]:before{display:none}.app-shell:before{content:"";background:var(--red);border-right:6px solid var(--ink);width:clamp(14px,4vw,58px);position:fixed;inset:0 auto 0 0}.app-shell__home,.app-shell__setup{block-size:100%;min-block-size:0;max-block-size:100dvb;padding:calc(clamp(48px, 8vw, 110px) + env(safe-area-inset-top,0px)) calc(clamp(28px, 10vw, 150px) + env(safe-area-inset-right,0px)) calc(clamp(48px, 8vw, 110px) + env(safe-area-inset-bottom,0px)) calc(clamp(28px, 10vw, 150px) + env(safe-area-inset-left,0px));overflow-y:auto}.app-shell__home{background-color:var(--paper);align-content:center;justify-items:start;display:grid;position:relative}.app-shell__home:after{content:"";background:var(--ink);width:clamp(50px,12vw,180px);height:36%;position:absolute;top:0;right:7%}.app-shell__screen[hidden],.app-shell[hidden]{display:none}.app-shell__kicker{color:var(--paper);background:var(--ink);letter-spacing:.16em;margin:0 0 10px;padding:6px 10px;font-size:clamp(11px,1.2vw,16px);font-weight:900}.app-shell__title{letter-spacing:-.035em;text-transform:uppercase;margin:0 0 clamp(30px,6vh,64px);font-family:Impact,Haettenschweiler,Franklin Gothic Heavy,sans-serif;font-size:clamp(72px,16vw,220px);font-weight:900;line-height:.68}.app-shell__title>span{display:block}.app-shell__title>span:last-child{color:var(--red);-webkit-text-stroke:3px var(--ink);margin-left:clamp(18px,8vw,130px)}.app-shell__primary{border:4px solid var(--ink);min-width:44px;min-height:52px;color:var(--ink);background:var(--yellow);box-shadow:8px 8px 0 var(--ink);letter-spacing:.08em;cursor:pointer;padding:14px 28px;font:900 clamp(16px,2vw,24px)/1 Courier New,monospace}.app-shell__pause-control{top:calc(round(16 * var(--hud-unit), 1px) + env(safe-area-inset-top,0px));left:calc(round(16 * var(--hud-unit), 1px) + env(safe-area-inset-left,0px));z-index:2;width:round(56 * var(--hud-unit), 1px);min-width:44px;min-height:max(44px, round(32 * var(--hud-unit), 1px));padding:round(4 * var(--hud-unit), 1px);pointer-events:auto;border:round(1 * var(--hud-unit), 1px) solid var(--paper);color:var(--paper);background:var(--ink);box-shadow:round(2 * var(--hud-unit), 1px) round(2 * var(--hud-unit), 1px) 0 var(--red);font-size:calc(16 * var(--hud-unit));line-height:calc(20 * var(--hud-unit));cursor:pointer;position:fixed}.app-shell__pause-control:disabled{cursor:not-allowed;border-style:dashed}.app-shell__primary:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(2px,2px)}.app-shell__primary:disabled{box-shadow:none;cursor:not-allowed;border-style:dashed}.app-shell__overlay{padding:calc(clamp(24px, 5vw, 64px) + env(safe-area-inset-top,0px)) calc(clamp(24px, 5vw, 64px) + env(safe-area-inset-right,0px)) calc(clamp(24px, 5vw, 64px) + env(safe-area-inset-bottom,0px)) calc(clamp(24px, 5vw, 64px) + env(safe-area-inset-left,0px));color:var(--paper);background:var(--ink);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.app-shell__overlay:before{content:"";background:var(--red);border-right:5px solid var(--paper);width:clamp(12px,2vw,28px);position:fixed;inset:0 auto 0 0}.app-shell__scrollable{align-items:start;overflow-y:auto}.app-shell__panel{border:5px solid var(--paper);background:var(--ink);width:min(100%,560px);min-width:0;max-width:100%;box-shadow:12px 12px 0 var(--red);padding:clamp(24px,5vw,52px);animation:.14s steps(2,end) app-shell-panel-slam}@keyframes app-shell-panel-slam{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.app-shell__panel--wide{width:min(100%,880px)}.app-shell__panel.app-shell__panel--help{grid-template-rows:minmax(0,1fr) auto;max-height:100%;padding:0;display:grid;overflow:hidden}.app-shell__help-body{overscroll-behavior:contain;min-height:0;padding:clamp(24px,5vw,52px);overflow-y:auto}.app-shell__help-footer{border-top:4px solid var(--paper);background:var(--ink);padding:14px clamp(24px,5vw,52px);position:sticky;bottom:0}.app-shell__panel h2{color:var(--paper);letter-spacing:.02em;margin:4px 0 24px;font-family:Impact,Haettenschweiler,Franklin Gothic Heavy,sans-serif;font-size:clamp(54px,10vw,116px);line-height:.82}.app-shell__owner{color:var(--yellow);letter-spacing:.18em;margin:0 0 8px;font-size:13px;font-weight:900}.app-shell__actions{gap:10px;display:grid}.app-shell__settings{flex-wrap:wrap;align-items:flex-end;gap:10px 12px;display:flex}.app-shell__action{border:3px solid var(--paper);min-width:44px;min-height:44px;color:var(--paper);letter-spacing:.08em;text-align:left;cursor:pointer;background:0 0;padding:10px 16px;font:900 15px/1.1 Courier New,monospace}.app-shell__action:hover:not(:disabled),.app-shell__action[data-state=selected]{border-color:var(--yellow);color:var(--ink);background:var(--yellow)}.app-shell__action:disabled{opacity:.38;cursor:not-allowed}.app-shell__setup .app-shell__action{border-color:var(--ink);color:var(--ink);background:var(--paper)}.app-shell__setup .app-shell__action:hover:not(:disabled){border-color:var(--ink);color:var(--ink);background:var(--yellow)}.app-shell :is(.app-shell__primary,.app-shell__action):focus-visible,.app-shell__pause-control:focus-visible,.app-shell [data-focus-current]{outline:5px solid var(--blue);outline-offset:3px}#app>canvas[data-focus-current]{outline:5px solid var(--yellow);outline-offset:-9px;box-shadow:inset 0 0 0 9px var(--ink)}.app-shell__bindings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}.app-shell__bindings div{border:2px solid var(--paper);gap:5px;min-width:0;min-height:66px;padding:10px;display:grid}.app-shell__bindings strong{color:var(--yellow)}.app-shell__bindings span{overflow-wrap:anywhere;font-size:12px;font-weight:900}.app-shell__manage-list{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.app-shell__manage-row{border:3px solid var(--paper);grid-template-columns:76px minmax(160px,1fr) auto;align-items:center;gap:10px;padding:8px;display:grid}.app-shell__manage-row[hidden]{display:none}.app-shell__manage-row[data-row-selected=true]{border-color:var(--yellow);box-shadow:5px 5px 0 var(--yellow)}.app-shell__manage-details{overflow-wrap:anywhere;font-size:12px;font-weight:900}.app-shell__manage-controls{gap:6px;display:flex}.app-shell__manage-controls .app-shell__action{padding-inline:10px;font-size:11px}.app-shell__hint{color:var(--yellow);font-size:11px;font-weight:900}.app-shell__manage-confirm{color:var(--paper);background:var(--red);margin:0;padding:6px 10px;font-size:11px;font-weight:900}.app-shell__manage-confirm:empty{padding:0}.app-shell__panel--result{text-align:center;box-shadow:12px 12px 0 var(--blue)}.app-shell__panel--result .app-shell__action{text-align:center}.app-shell__score{color:var(--yellow);margin:0 0 28px;font:900 clamp(44px,8vw,80px)/1 Courier New,monospace}.app-shell__result-decider{color:var(--yellow);letter-spacing:1px;margin:-16px 0 24px;font-size:22px}@media (width>=721px) and (height<=760px),(orientation:landscape) and (height<=430px){.app-shell__panel--result{padding:28px 40px}.app-shell__panel--result .app-shell__owner{margin-bottom:4px}.app-shell__panel--result h2{margin-bottom:16px;font-size:96px}.app-shell__panel--result .app-shell__actions{gap:8px}.app-shell__score{margin-bottom:18px;font-size:48px}}.app-shell__setup{padding-top:calc(clamp(24px, 4vw, 48px) + env(safe-area-inset-top,0px));padding-bottom:calc(clamp(24px, 4vw, 48px) + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);align-content:center;align-items:center;gap:clamp(18px,3vw,40px);display:grid}.app-shell__setup-header h2{text-transform:uppercase;max-width:7ch;margin:18px 0 0;font-family:Impact,Haettenschweiler,Franklin Gothic Heavy,sans-serif;font-size:clamp(64px,9vw,138px);line-height:.82}.app-shell__slots{gap:12px;margin:0;padding:0;list-style:none;display:grid}.app-shell__slot{border:4px solid var(--ink);min-height:66px;color:var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink);grid-template-columns:54px minmax(100px,1fr) auto;align-items:center;gap:14px;padding:10px 16px;font-weight:900;display:grid}.app-shell__slot-controls{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.app-shell__slot-controls .app-shell__action{text-align:center;padding-inline:8px;font-size:11px}.app-shell__slot-controls .app-shell__action[aria-pressed=true]{color:var(--ink);background:var(--paper);border-style:double;border-width:5px}.app-shell__slot-controls .app-shell__action[aria-pressed=true]:disabled{opacity:1;cursor:default}.app-shell__setup-join{margin-top:24px}.app-shell__setup-start{margin-top:12px}.app-shell__live{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell__slot strong{font-size:24px}.app-shell__slot--home{border-left:12px solid var(--red)}.app-shell__slot--away{border-left:12px solid var(--blue)}.app-shell__slot--pending{border-style:dashed}.app-shell__slot--free{border-color:var(--ink)}.app-shell__slot-status{text-align:right}.app-shell__setup-footer{border-left:8px solid var(--yellow);grid-column:2;padding-left:16px;font-size:clamp(11px,1.2vw,15px);font-weight:900}.app-shell__setup-footer p{margin:6px 0}.app-shell__start-hint{color:var(--ink)}.app-shell__start-hint[data-ready]{border-left:5px solid var(--red);color:var(--ink);padding-left:8px}@media (width<=720px) and (orientation:portrait),(width<=720px) and (height>=431px){.app-shell__home,.app-shell__setup{padding:calc(52px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(36px + env(safe-area-inset-bottom,0px)) calc(42px + env(safe-area-inset-left,0px))}.app-shell__home:after{display:none}.app-shell__title{max-width:100%;font-size:clamp(52px,20vw,90px)}.app-shell__title>span:last-child{margin-left:0}.app-shell__setup{grid-template-columns:1fr;align-content:start}.app-shell__setup-header h2{max-width:none;font-size:clamp(48px,17vw,82px)}.app-shell__setup-footer{grid-column:1}.app-shell__slot{grid-template-columns:46px 1fr}.app-shell__slot-status{text-align:left;grid-column:2}.app-shell__overlay{padding:calc(24px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(30px + env(safe-area-inset-left,0px))}.app-shell__panel{box-shadow:7px 7px 0 var(--red);border-width:4px;padding:22px 18px}.app-shell__panel.app-shell__panel--help{padding:0}.app-shell__help-body{padding:22px 18px}.app-shell__help-footer{padding:12px 18px}.app-shell__panel h2{overflow-wrap:anywhere;max-width:100%;margin-bottom:18px;font-size:clamp(40px,15vw,76px)}.app-shell__bindings{grid-template-columns:1fr}.app-shell__manage-row{grid-template-columns:62px 1fr}.app-shell__manage-controls{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}}body[data-hud-pause-bottom] .app-shell__pause-control{top:auto;bottom:calc(var(--hud-pause-bottom,var(--hud-pause-default-bottom,16px)) + env(safe-area-inset-bottom,0px))}@media (width<=720px) and (height<=700px) and (orientation:portrait),(width<=720px) and (height<=700px) and (height>=431px){.app-shell__home,.app-shell__setup{padding:calc(24px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(34px + env(safe-area-inset-left,0px))}.app-shell__setup{gap:10px}.app-shell__setup .app-shell__kicker{margin-bottom:4px;padding:4px 7px;font-size:10px}.app-shell__setup-header h2{margin-top:6px;font-size:clamp(36px,11vw,48px)}.app-shell__slots{gap:6px}.app-shell__slot{min-height:48px;box-shadow:3px 3px 0 var(--ink);border-width:3px;grid-template-columns:34px 1fr auto;gap:8px;padding:5px 8px;font-size:11px}.app-shell__slot-controls .app-shell__action{letter-spacing:0;min-height:44px;padding:6px 3px;font-size:9px}.app-shell__slot strong{font-size:18px}.app-shell__slot-status{text-align:right;grid-column:auto}.app-shell__setup-footer{border-left-width:5px;padding-left:9px;font-size:10px}.app-shell__setup-footer p{margin:3px 0}}@media (prefers-reduced-motion:reduce){.app-shell *,.app-shell :before,.app-shell :after{scroll-behavior:auto!important;transition:none!important}.app-shell__panel{animation:none}.app-shell__primary:hover{transform:none}}.app-shell:is([data-surface=home],[data-surface=localSetup]){--menu-unit:clamp(1px, min(calc(100vw / 1280), calc(100dvh / 720)), 2px);color:var(--paper);font-synthesis:none;font-family:"Jersey 10",monospace;font-size:calc(20 * var(--menu-unit));background:0 0}.app-shell:is([data-surface=home],[data-surface=localSetup]):before,.app-shell[data-surface=home] .app-shell__home:after{display:none}.app-shell:is([data-surface=home],[data-surface=localSetup]) *{letter-spacing:.02em;font-family:inherit;font-weight:400}.app-shell:is([data-surface=home],[data-surface=localSetup]) .app-shell__screen{width:min(100%, calc(1280 * var(--menu-unit)));padding:max(calc(24 * var(--menu-unit)), env(safe-area-inset-top)) max(calc(32 * var(--menu-unit)), env(safe-area-inset-right)) max(calc(24 * var(--menu-unit)), env(safe-area-inset-bottom)) max(calc(32 * var(--menu-unit)), env(safe-area-inset-left));background:0 0;margin-inline:auto;overflow-x:hidden}.app-shell[data-surface=home] .app-shell__home{gap:calc(24 * var(--menu-unit));grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);align-content:center;place-items:center stretch}.app-shell[data-surface=home] .app-shell__home-copy{background:var(--ink);min-width:0}.app-shell:is([data-surface=home],[data-surface=localSetup]) .app-shell__kicker{margin:0 0 calc(12 * var(--menu-unit));padding:calc(5 * var(--menu-unit)) calc(10 * var(--menu-unit));border-left:calc(4 * var(--menu-unit)) solid var(--yellow);background:var(--ink);color:var(--yellow);font-size:calc(22 * var(--menu-unit));display:inline-block}.app-shell[data-surface=home] .app-shell__title{margin:0 0 calc(28 * var(--menu-unit));font-size:clamp(80px, 10vw, calc(144 * var(--menu-unit)));letter-spacing:0;line-height:.85}.app-shell[data-surface=home] .app-shell__title>span:last-child{color:var(--yellow);-webkit-text-stroke:0;margin-left:0}.app-shell__title-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell__title-letter{animation:5s step-end infinite app-shell-title-hop;animation-delay:calc(var(--letter) * 83ms);display:inline-block}@keyframes app-shell-title-hop{0%{transform:translateY(-.08em)}3.33%{transform:none}}@media (prefers-reduced-motion:reduce){.app-shell__title-letter{animation:none}}.app-shell:is([data-surface=home],[data-surface=localSetup]) .app-shell__primary{min-height:max(44px, calc(56 * var(--menu-unit)));padding:calc(10 * var(--menu-unit)) calc(24 * var(--menu-unit));border:calc(3 * var(--menu-unit)) solid var(--paper);background:var(--yellow);color:var(--ink);box-shadow:calc(6 * var(--menu-unit)) calc(6 * var(--menu-unit)) 0 var(--red);font-size:calc(30 * var(--menu-unit));line-height:1}.app-shell[data-surface=home] .app-shell__home-help{min-height:max(44px, calc(48 * var(--menu-unit)));margin-top:calc(22 * var(--menu-unit));padding:calc(8 * var(--menu-unit)) calc(20 * var(--menu-unit));border:calc(3 * var(--menu-unit)) solid var(--paper);color:var(--paper);background:var(--ink);font-size:calc(24 * var(--menu-unit));cursor:pointer;line-height:1;display:block}.app-shell[data-surface=home] .app-shell__home-help:hover{color:var(--ink);background:var(--yellow)}.app-shell:is([data-surface=home],[data-surface=localSetup]) .app-shell__primary:disabled{box-shadow:none;border-style:dashed}.app-shell[data-surface=home] .app-shell__hero{height:clamp(320px, 62vh, calc(480 * var(--menu-unit)));border:calc(3 * var(--menu-unit)) solid var(--paper);box-shadow:calc(8 * var(--menu-unit)) calc(8 * var(--menu-unit)) 0 var(--red);pointer-events:none;grid-area:1/2/3}.app-shell[data-surface=home] .app-shell__play-online{margin-top:calc(16 * var(--menu-unit));background:var(--paper);box-shadow:calc(6 * var(--menu-unit)) calc(6 * var(--menu-unit)) 0 var(--blue);display:block}.app-shell[data-surface=localSetup] .app-shell__setup{align-items:stretch;gap:calc(20 * var(--menu-unit));flex-direction:column;display:flex;overflow-y:hidden}.app-shell[data-surface=localSetup] .app-shell__setup-body{will-change:transform;flex:1;min-height:0;padding:6px;scroll-padding-block:12px;overflow:hidden auto}.app-shell[data-surface=localSetup] .app-shell__setup-header{background:var(--ink);flex:none;position:relative}.app-shell[data-surface=localSetup] .app-shell__setup-header h2{max-width:none;font-size:calc(64 * var(--menu-unit));margin:0;line-height:.9}.app-shell[data-surface=localSetup] .app-shell__setup-join{right:calc(4 * var(--menu-unit));margin:0;position:absolute;bottom:0}.app-shell[data-surface=localSetup] .app-shell__slots{gap:calc(18 * var(--menu-unit));margin-top:calc(20 * var(--menu-unit));padding:calc(6 * var(--menu-unit));flex:none;grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell[data-surface=localSetup] .app-shell__slot{min-width:0;min-height:calc(160 * var(--menu-unit));grid-template-columns:calc(80 * var(--menu-unit)) minmax(0, 1fr);gap:calc(4 * var(--menu-unit)) calc(12 * var(--menu-unit));padding:calc(12 * var(--menu-unit));border:calc(3 * var(--menu-unit)) solid var(--paper);border-left-width:calc(8 * var(--menu-unit));color:var(--paper);font-size:calc(20 * var(--menu-unit));box-shadow:calc(4 * var(--menu-unit)) calc(4 * var(--menu-unit)) 0 var(--paper);background:0 0;grid-template-rows:auto auto 1fr auto;position:relative}.app-shell[data-surface=localSetup] .app-shell__slot--home{border-left-color:var(--red)}.app-shell[data-surface=localSetup] .app-shell__slot--away{border-left-color:var(--blue)}.app-shell[data-surface=localSetup] .app-shell__slot--pending{border-style:dashed}.app-shell[data-surface=localSetup] .app-shell__slot--free{border-width:calc(2 * var(--menu-unit));box-shadow:none;background:var(--ink)}.app-shell[data-surface=localSetup] .app-shell__preview{height:calc(88 * var(--menu-unit));width:calc(80 * var(--menu-unit));pointer-events:none;grid-area:1/1/4}.app-shell[data-surface=localSetup] :is(.app-shell__slot-player,.app-shell__slot-device,.app-shell__slot-status){background:var(--ink);text-align:left;grid-column:2;min-width:0}.app-shell[data-surface=localSetup] .app-shell__slot-player{font-size:calc(30 * var(--menu-unit));line-height:1}.app-shell[data-surface=localSetup] .app-shell__slot-status{font-size:calc(20 * var(--menu-unit))}.app-shell[data-surface=localSetup] .app-shell__slot--free>:is(strong,span){grid-column:1/-1}.app-shell[data-surface=localSetup] .app-shell__slot-controls{gap:calc(8 * var(--menu-unit));background:var(--ink);grid-column:1/-1}.app-shell[data-surface=localSetup] .app-shell__action{min-height:max(44px, calc(44 * var(--menu-unit)));padding:calc(6 * var(--menu-unit)) calc(8 * var(--menu-unit));border:calc(2 * var(--menu-unit)) solid var(--paper);color:var(--paper);background:var(--ink);font-size:calc(22 * var(--menu-unit));text-align:center}.app-shell[data-surface=localSetup] .app-shell__action[aria-pressed=true]{border-width:calc(4 * var(--menu-unit));background:var(--paper);color:var(--ink);opacity:1;border-style:double}.app-shell[data-surface=localSetup] .app-shell__setup-footer{padding:calc(12 * var(--menu-unit));border:calc(3 * var(--menu-unit)) solid var(--paper);border-left:calc(8 * var(--menu-unit)) solid var(--yellow);color:var(--paper);background:var(--ink);font-size:calc(20 * var(--menu-unit));z-index:1;flex:none;grid-template-columns:minmax(0,1fr) auto;margin-top:auto;display:grid;position:sticky;bottom:0}.app-shell[data-surface=localSetup] .app-shell__setup-footer p{grid-column:1;margin:0}.app-shell[data-surface=localSetup] .app-shell__start-hint{color:var(--yellow)}.app-shell[data-surface=localSetup] .app-shell__start-hint[data-ready]{color:var(--yellow);border:0;padding:0}.app-shell[data-surface=localSetup] .app-shell__setup-start{margin:0 0 0 calc(16 * var(--menu-unit));grid-area:1/2/5;align-self:center}.app-shell:is([data-surface=home],[data-surface=localSetup]) :is(button:focus-visible,[data-focus-current]){outline:3px solid var(--yellow);outline-offset:3px}@media (width>=721px),(orientation:landscape) and (height<=430px){.app-shell[data-surface=localSetup] .app-shell__setup{gap:calc(18 * var(--menu-unit) - 6px)}.app-shell[data-surface=localSetup] .app-shell__setup-body{flex:0 auto}.app-shell[data-surface=localSetup] .app-shell__setup-footer{margin-top:0}}@media (width<=999px){.app-shell[data-surface=home] .app-shell__home{grid-template-columns:minmax(0,1fr);align-content:center;gap:20px}.app-shell[data-surface=home] .app-shell__hero{grid-area:2/1;height:clamp(160px,32vh,260px)}.app-shell[data-surface=home] .app-shell__title{margin-bottom:16px;font-size:clamp(72px,14vw,112px)}}@media (width<=720px) and (orientation:portrait),(width<=720px) and (height>=431px){.app-shell:is([data-surface=home],[data-surface=localSetup]) .app-shell__screen{padding:max(20px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left))}.app-shell[data-surface=localSetup] .app-shell__slots{grid-template-columns:minmax(0,1fr)}.app-shell[data-surface=home] .app-shell__hero{height:clamp(160px,25vh,260px)}.app-shell[data-surface=home] .app-shell__play-online{margin-top:10px}.app-shell[data-surface=home] .app-shell__home-help{margin-top:14px}.app-shell[data-surface=localSetup] .app-shell__setup-header h2{font-size:48px}.app-shell[data-surface=localSetup] .app-shell__setup-join{margin-top:12px;position:static}.app-shell[data-surface=localSetup] .app-shell__slot{grid-template-columns:72px minmax(0,1fr)}.app-shell[data-surface=localSetup] .app-shell__preview{width:72px;height:80px}.app-shell[data-surface=localSetup] .app-shell__slot-controls .app-shell__action{padding-inline:4px;font-size:20px}.app-shell[data-surface=localSetup] .app-shell__slot-controls{grid-template-columns:minmax(44px,1fr) minmax(44px,1fr) minmax(96px,1.25fr)}.app-shell[data-surface=localSetup] .app-shell__setup-footer{grid-template-columns:minmax(0,1fr);gap:4px;bottom:0}.app-shell[data-surface=localSetup] .app-shell__setup-start{grid-area:auto/1;margin:8px 0 0}}@media (width>=721px) and (height<=719px),(orientation:landscape) and (height<=430px){.app-shell:is([data-surface=home],[data-surface=localSetup]){--menu-unit:clamp(.55px, min(calc(100vw / 1280), calc(100dvh / 720)), 1px)}.app-shell[data-surface=home] .app-shell__home{gap:calc(24 * var(--menu-unit));grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);width:100%}.app-shell[data-surface=home] .app-shell__hero{height:calc(480 * var(--menu-unit));grid-area:1/2/3}.app-shell[data-surface=home] .app-shell__title{margin-bottom:calc(20 * var(--menu-unit));font-size:calc(144 * var(--menu-unit))}.app-shell[data-surface=home] .app-shell__home-help,.app-shell[data-surface=home] .app-shell__home-copy .audio-controls--home{margin-top:calc(14 * var(--menu-unit))}.app-shell[data-surface=home] .app-shell__home-copy .audio-controls--home :is(.audio-controls__mute,.audio-controls__volume){font-size:max(14px, calc(20 * var(--menu-unit)))}.app-shell[data-surface=home] .app-shell__home-copy .audio-controls--home .audio-controls__range{width:110px}}@media (orientation:landscape) and (height<=430px){.app-shell:is([data-surface=home],[data-surface=localSetup]){--menu-unit:clamp(.45px, min(calc(100vw / 1280), calc(100dvh / 720)), 1px)}.app-shell:is([data-surface=home],[data-surface=localSetup]) .app-shell__screen{width:100%;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.app-shell[data-surface=home] .app-shell__home{grid-template-columns:minmax(0,.6fr) minmax(0,.4fr)}.app-shell[data-surface=home] .app-shell__title{margin-bottom:calc(14 * var(--menu-unit));font-size:calc(128 * var(--menu-unit))}.app-shell[data-surface=home] .app-shell__hero{height:min(calc(480 * var(--menu-unit)), 62dvh);grid-row:1}.app-shell[data-surface=home] .app-shell__home-copy{grid-row:1/3}.app-shell[data-surface=home] .app-shell__play-online{margin:0 0 0 calc(16 * var(--menu-unit));display:inline-block}.app-shell[data-surface=home] .app-shell__home-copy .audio-controls--home{margin-top:calc(10 * var(--menu-unit))}.app-shell[data-surface=home] .app-shell__home-copy .audio-controls--home .audio-controls__range{width:80px}.app-shell[data-surface=localSetup] .app-shell__slots{margin-top:calc(12 * var(--menu-unit))}.app-shell[data-surface=localSetup] .app-shell__setup-header h2{font-size:calc(56 * var(--menu-unit))}}@supports (-webkit-touch-callout:none){@media not all and (display-mode:standalone){.app-shell[data-surface=home] .app-shell__home-copy:after{content:"PANTALLA COMPLETA: COMPARTIR › AÑADIR A PANTALLA DE INICIO";margin-top:calc(10 * var(--menu-unit));color:var(--yellow);font-size:max(12px, calc(18 * var(--menu-unit)));line-height:1.1;display:block}}}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]){--overlay-unit:clamp(1px, min(calc(100vw / 1280), calc(100dvh / 720)), 2px);color:var(--paper);background:var(--ink);font-synthesis:none;font-family:"Jersey 10",monospace;font-weight:400;font-size:calc(22 * var(--overlay-unit));line-height:1.1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) *{letter-spacing:.02em;font-family:inherit;font-weight:400}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]):before,.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__overlay:before{display:none}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__overlay:not([hidden]){padding:calc(16 * var(--overlay-unit) + env(safe-area-inset-top,0px)) calc(24 * var(--overlay-unit) + env(safe-area-inset-right,0px)) calc(24 * var(--overlay-unit) + env(safe-area-inset-bottom,0px)) calc(16 * var(--overlay-unit) + env(safe-area-inset-left,0px));color:var(--paper);background:var(--ink);place-items:center;display:grid;overflow:hidden}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel{min-width:0;min-height:0;max-height:100%;padding:calc(16 * var(--overlay-unit));border:calc(3 * var(--overlay-unit)) solid var(--paper);background:var(--ink);box-shadow:calc(8 * var(--overlay-unit)) calc(8 * var(--overlay-unit)) 0 var(--red);animation:none}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel--pause{width:min(100%, calc(500 * var(--overlay-unit)));overflow-y:auto}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel h2{max-width:100%;margin:0 0 calc(16 * var(--overlay-unit));color:var(--paper);font-size:calc(56 * var(--overlay-unit));overflow-wrap:anywhere;line-height:.95}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__owner{margin:0 0 calc(12 * var(--overlay-unit));padding-left:calc(8 * var(--overlay-unit));border-left:calc(4 * var(--overlay-unit)) solid var(--yellow);color:var(--yellow);font-size:calc(20 * var(--overlay-unit));line-height:1.1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__actions{gap:calc(10 * var(--overlay-unit));padding:calc(6 * var(--overlay-unit));display:grid}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action{width:100%;min-width:44px;min-height:max(44px, calc(48 * var(--overlay-unit)));padding:calc(8 * var(--overlay-unit)) calc(12 * var(--overlay-unit));border:calc(3 * var(--overlay-unit)) solid var(--paper);color:var(--paper);background:var(--ink);box-shadow:none;font-size:calc(26 * var(--overlay-unit));text-align:left;overflow-wrap:anywhere;line-height:1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action:hover:not(:disabled),.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action[data-state=selected]{border-color:var(--paper);color:var(--paper);background:var(--ink)}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action--primary,.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action--primary:hover:not(:disabled),.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action--primary[data-state=selected]{color:var(--ink);background:var(--yellow)}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action[aria-pressed=true],.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action[aria-pressed=true]:hover{border-width:calc(4 * var(--overlay-unit));color:var(--ink);background:var(--paper);border-style:double}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action:disabled{color:var(--paper);background:var(--ink);opacity:1;border-style:dashed}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) :is(button:focus-visible,[data-focus-current]){outline:calc(3 * var(--overlay-unit)) solid var(--yellow);outline-offset:calc(3 * var(--overlay-unit))}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) #runtime-status-title:focus{outline:none}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__runtime-message{margin:0 0 calc(16 * var(--overlay-unit));font-size:calc(22 * var(--overlay-unit));line-height:1.1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__risk-divider{width:100%;margin:calc(6 * var(--overlay-unit)) 0;border:0;border-top:var(--overlay-unit) solid var(--paper)}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__action-description{font-size:calc(20 * var(--overlay-unit));text-align:left;margin:0;line-height:1.1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel:is(.app-shell__panel--help,.app-shell__panel--manage){width:min(100%, calc(1024 * var(--overlay-unit)));max-height:min(100%, calc(640 * var(--overlay-unit)));grid-template-rows:minmax(0,1fr) auto;padding:0;display:grid;overflow:hidden}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel--help{height:min(100%, calc(640 * var(--overlay-unit)))}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) :is(.app-shell__help-body,.app-shell__manage-body){min-width:0;min-height:0;padding:calc(16 * var(--overlay-unit));overscroll-behavior:contain;scroll-padding-block:calc(12 * var(--overlay-unit));overflow-y:auto}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) :is(.app-shell__help-footer,.app-shell__manage-footer){padding:calc(12 * var(--overlay-unit)) calc(22 * var(--overlay-unit));border-top:calc(3 * var(--overlay-unit)) solid var(--paper);background:var(--ink);position:static}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;display:table}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings :is(th,td){padding:calc(10 * var(--overlay-unit)) calc(8 * var(--overlay-unit));border-bottom:var(--overlay-unit) solid var(--paper);font-size:calc(22 * var(--overlay-unit));text-align:left;overflow-wrap:anywhere;line-height:1.1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings th{color:var(--yellow)}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings thead th{font-size:calc(20 * var(--overlay-unit))}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings thead th:first-child{width:30%}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings thead th:nth-child(2){width:32%}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings thead th:nth-child(3){width:38%}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings[data-touch] thead th:nth-child(n){width:24%}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings[data-touch] thead th:first-child{width:20%}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings[data-touch] thead th:nth-child(3){width:30%}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__binding-device{display:none}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__binding-value{font-size:inherit}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-list{gap:calc(8 * var(--overlay-unit));margin:0}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-row:not([hidden]){grid-template-columns:calc(48 * var(--overlay-unit)) minmax(0, 1fr) auto;min-height:calc(72 * var(--overlay-unit));gap:calc(8 * var(--overlay-unit));padding:calc(8 * var(--overlay-unit));border:calc(3 * var(--overlay-unit)) solid var(--paper);border-left-width:calc(6 * var(--overlay-unit));box-shadow:none;display:grid}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-row[data-team=home]{border-left-color:var(--red)}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-row[data-team=away]{border-left-color:var(--blue)}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-select{font-size:calc(30 * var(--overlay-unit))}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-details{gap:calc(4 * var(--overlay-unit));min-width:0;font-size:calc(22 * var(--overlay-unit));line-height:1.1;display:grid}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-body-label{font-size:calc(20 * var(--overlay-unit))}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-controls{gap:calc(8 * var(--overlay-unit));grid-template-columns:repeat(3,minmax(44px,1fr));display:grid}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-controls .app-shell__action{padding-inline:calc(8 * var(--overlay-unit));font-size:calc(26 * var(--overlay-unit))}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__hint{margin:calc(16 * var(--overlay-unit)) 0 0;color:var(--paper);font-size:calc(20 * var(--overlay-unit));line-height:1.1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel--result{width:min(100%, calc(640 * var(--overlay-unit)));box-shadow:calc(8 * var(--overlay-unit)) calc(8 * var(--overlay-unit)) 0 var(--blue);overflow-y:auto}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__score{align-items:end;gap:calc(8 * var(--overlay-unit));margin:0 0 calc(16 * var(--overlay-unit));color:var(--yellow);font-size:calc(112 * var(--overlay-unit));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);line-height:1;display:grid}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__score-team{gap:calc(4 * var(--overlay-unit));min-width:0;display:grid}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__score-label{color:var(--paper);font-size:calc(22 * var(--overlay-unit));line-height:1.1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__score-value{overflow-wrap:anywhere}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__score-divider{font-size:calc(56 * var(--overlay-unit));line-height:2}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel--result .app-shell__action{text-align:center}@media (width<=840px){.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel h2{font-size:calc(44 * var(--overlay-unit))}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings,.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings tbody{display:block}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings tbody tr{gap:calc(6 * var(--overlay-unit));margin-top:calc(10 * var(--overlay-unit));padding:calc(10 * var(--overlay-unit));border:calc(2 * var(--overlay-unit)) solid var(--paper);display:grid}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings tbody :is(th,td){border:0;min-width:0;padding:0}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings tbody th{font-size:calc(26 * var(--overlay-unit))}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__bindings tbody td{grid-template-columns:calc(72 * var(--overlay-unit)) minmax(0, 1fr);gap:calc(8 * var(--overlay-unit));display:grid}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__binding-device{color:var(--paper);font-size:calc(20 * var(--overlay-unit));display:block}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-row:not([hidden]){grid-template-columns:calc(48 * var(--overlay-unit)) minmax(0, 1fr)}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__manage-controls{grid-column:1/-1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__score{font-size:calc(80 * var(--overlay-unit))}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__score-divider{font-size:calc(40 * var(--overlay-unit))}}@media (width>=721px) and (height<=719px),(orientation:landscape) and (height<=430px){.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]){--overlay-unit:clamp(.55px, min(calc(100vw / 1280), calc(100dvh / 720)), 1px)}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel:is(.app-shell__panel--help,.app-shell__panel--manage){max-height:100%}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel--help{height:100%}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel--pause{column-gap:calc(24 * var(--overlay-unit));width:min(100%, calc(900 * var(--overlay-unit)));grid-template-rows:auto auto 1fr;grid-template-columns:minmax(min-content,.8fr) minmax(0,1fr);display:grid}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel--pause>:not(.app-shell__actions){grid-column:1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel--pause>.app-shell__actions{grid-area:1/2/-1}.app-shell:is([data-surface=paused\:menu],[data-surface=help],[data-surface=homeHelp],[data-surface=paused\:manage],[data-surface=finished],[data-surface^=runtime\:]) .app-shell__panel--pause>.app-shell__settings{align-self:end}}.app-shell:is([data-surface=help],[data-surface=homeHelp]) .app-shell__howto-intro{margin:0 0 calc(12 * var(--overlay-unit));font-size:calc(20 * var(--overlay-unit))}.app-shell:is([data-surface=help],[data-surface=homeHelp]) .app-shell__howto-index ol{gap:calc(6 * var(--overlay-unit));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.app-shell:is([data-surface=help],[data-surface=homeHelp]) .app-shell__howto-index .app-shell__action{width:auto;min-height:44px;padding:calc(4 * var(--overlay-unit)) calc(10 * var(--overlay-unit));border-width:calc(2 * var(--overlay-unit));font-size:calc(18 * var(--overlay-unit))}.app-shell:is([data-surface=help],[data-surface=homeHelp]) .app-shell__howto-index .app-shell__action:hover{color:var(--ink);background:var(--yellow)}.app-shell:is([data-surface=help],[data-surface=homeHelp]) :is(.app-shell__howto-controls,.app-shell__howto-card){margin-top:calc(28 * var(--overlay-unit));padding-top:calc(16 * var(--overlay-unit));border-top:calc(3 * var(--overlay-unit)) solid var(--paper)}.app-shell:is([data-surface=help],[data-surface=homeHelp]) .app-shell__help-body h3{margin:0 0 calc(12 * var(--overlay-unit));color:var(--yellow);font-size:calc(40 * var(--overlay-unit));line-height:.95}.audio-controls{font:inherit;letter-spacing:.08em;flex-wrap:wrap;align-items:stretch;gap:10px 12px;margin-top:18px;display:flex}.audio-controls__mute,.audio-controls__volume{border:3px solid var(--paper);min-height:44px;color:var(--paper);background:var(--ink);box-shadow:4px 4px 0 var(--red);font:inherit;font-size:18px;line-height:1}.audio-controls__mute{cursor:pointer;align-items:center;gap:8px;min-width:44px;padding:6px 12px;display:inline-flex}.audio-controls__mute:hover{color:var(--ink);background:var(--yellow)}.audio-controls__mute[aria-pressed=true]{border-color:var(--yellow);color:var(--paper);background:var(--red);box-shadow:4px 4px 0 var(--yellow)}.audio-controls__mute[aria-pressed=true]:hover{color:var(--ink);background:var(--yellow)}.audio-controls[data-muted=true] .audio-controls__volume{box-shadow:none;border-style:dashed}.audio-controls[data-muted=true] .audio-controls__range{opacity:.45}.audio-controls__icon-box{display:inline-flex}.audio-controls__icon{width:24px;height:24px}.audio-controls__volume{cursor:pointer;align-items:center;gap:10px;padding:0 12px;display:inline-flex}.audio-controls__value{min-width:3ch;color:var(--yellow);text-align:right}.audio-controls__range{--audio-volume:60%;--audio-track:linear-gradient(to right, var(--yellow) 0 var(--audio-volume), transparent var(--audio-volume)), repeating-linear-gradient(90deg, transparent 0 6px, var(--ink) 6px 8px), var(--blue);--audio-thumb-shadow:3px 3px 0 var(--red);appearance:none;cursor:pointer;background:0 0;width:140px;height:44px;margin:0}.audio-controls__range::-webkit-slider-runnable-track{border:2px solid var(--paper);background:var(--audio-track);height:14px}.audio-controls__range::-moz-range-track{border:2px solid var(--paper);background:var(--audio-track);height:10px}.audio-controls__range::-webkit-slider-thumb{appearance:none;border:3px solid var(--ink);background:var(--paper);width:16px;height:28px;box-shadow:var(--audio-thumb-shadow);margin-top:-9px}.audio-controls__range::-moz-range-thumb{border:3px solid var(--ink);background:var(--paper);width:10px;height:22px;box-shadow:var(--audio-thumb-shadow);border-radius:0}.audio-controls__mute:focus-visible,.audio-controls__range:focus-visible{outline:5px solid var(--blue);outline-offset:3px}.audio-controls__range:focus-visible{outline-color:var(--yellow)}.audio-controls--pause{margin-top:22px}.app-shell[data-surface=home] .audio-controls--home{margin-top:calc(22 * var(--menu-unit))}.app-shell[data-surface=home] .app-shell__home{align-content:safe center}.app-shell[data-surface=home] .audio-controls--home :is(.audio-controls__mute,.audio-controls__volume){font-size:max(18px, calc(20 * var(--menu-unit)))}@media (width<=720px) and (orientation:portrait),(width<=720px) and (height>=431px){.audio-controls,.app-shell[data-surface=home] .audio-controls--home{margin-top:12px}.audio-controls__mute{padding:6px 8px}.audio-controls__mute-label,.audio-controls__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.audio-controls__range{width:100px}}.audio-controls__hint{border-left:4px solid var(--yellow);color:var(--yellow);letter-spacing:.04em;flex-basis:100%;margin:0;padding:4px 8px;font-size:15px}.fullscreen-toggle:not([hidden]){display:contents}.fullscreen-toggle__button{border:3px solid var(--paper);min-width:44px;min-height:50px;color:var(--paper);background:var(--ink);box-shadow:4px 4px 0 var(--red);font:inherit;letter-spacing:.08em;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:18px;line-height:1;display:inline-flex}.fullscreen-toggle__button:hover{color:var(--ink);background:var(--yellow)}.fullscreen-toggle__button[aria-pressed=true]{border-color:var(--yellow);background:var(--blue);box-shadow:4px 4px 0 var(--yellow)}.fullscreen-toggle__button[aria-pressed=true]:hover{color:var(--ink);background:var(--yellow)}.fullscreen-toggle__button:focus-visible{outline:5px solid var(--blue);outline-offset:3px}.fullscreen-toggle__icon{background:currentColor;flex:none;width:24px;height:24px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath d='M1 1h5v2H3v3H1zM10 1h5v5h-2V3h-3zM1 10h2v3h3v2H1zM13 10h2v5h-5v-2h3z'/%3E%3C/svg%3E") 50%/100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath d='M1 1h5v2H3v3H1zM10 1h5v5h-2V3h-3zM1 10h2v3h3v2H1zM13 10h2v5h-5v-2h3z'/%3E%3C/svg%3E") 50%/100% no-repeat}.fullscreen-toggle__button[aria-pressed=true] .fullscreen-toggle__icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath d='M4 1h2v5H1V4h3zM10 1h2v3h3v2h-5zM1 10h5v5H4v-3H1zM10 10h5v2h-3v3h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath d='M4 1h2v5H1V4h3zM10 1h2v3h3v2h-5zM1 10h5v5H4v-3H1zM10 10h5v2h-3v3h-2z'/%3E%3C/svg%3E")}.app-shell[data-surface=home] .fullscreen-toggle--home .fullscreen-toggle__button{font-size:max(18px, calc(20 * var(--menu-unit)))}.fullscreen-toggle__hint{border-left:4px solid var(--yellow);color:var(--yellow);letter-spacing:.04em;flex-basis:100%;margin:0;padding:4px 8px;font-size:15px}@media (width>=721px) and (height<=719px),(orientation:landscape) and (height<=430px){.app-shell[data-surface=home] .fullscreen-toggle--home .fullscreen-toggle__button{font-size:max(14px, calc(20 * var(--menu-unit)));padding:6px 8px}.app-shell[data-surface=home] .fullscreen-toggle--home .fullscreen-toggle__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=720px) and (orientation:portrait),(width<=720px) and (height>=431px){.fullscreen-toggle__button{padding:6px 8px}.fullscreen-toggle__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}