.zBU9Fq_page{color:#f7fbff;background:#071320;border-radius:18px;gap:1.25rem;padding:clamp(.8rem,2vw,1.5rem);display:grid}.zBU9Fq_page button,.zBU9Fq_page select{color:#f7fbff;cursor:pointer;background:#13233a;border:1px solid #7792aa;border-radius:10px;min-height:44px;padding:.55rem .85rem}.zBU9Fq_page button:focus-visible,.zBU9Fq_page select:focus-visible,.zBU9Fq_page a:focus-visible,.zBU9Fq_arena canvas:focus-visible{outline-offset:3px;outline:3px solid #f8d481}.zBU9Fq_page label{align-items:center;gap:.65rem;min-height:44px;display:flex}.zBU9Fq_page input{accent-color:#5df;width:20px;height:20px}.zBU9Fq_header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.zBU9Fq_header a{color:#a8eafa}.zBU9Fq_header h1{margin:0;font-size:clamp(2rem,5vw,3rem)}.zBU9Fq_eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#b4c6da;margin:0;font-size:.75rem}.zBU9Fq_intro,.zBU9Fq_settings,.zBU9Fq_session{background:#071320;border:1px solid #38506a;border-radius:18px;padding:clamp(.8rem,2vw,1.5rem)}.zBU9Fq_intro{gap:1rem;display:grid}.zBU9Fq_intro>p{max-width:65ch}.zBU9Fq_modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.zBU9Fq_modes button{text-align:left;align-content:start;gap:.5rem;min-height:125px;display:grid}.zBU9Fq_modes button strong{font-size:1.3rem}.zBU9Fq_modes button span{line-height:1.5}.zBU9Fq_selected{box-shadow:inset 0 0 0 1px #5df;border-color:#5df!important}.zBU9Fq_actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.zBU9Fq_primary{font-weight:700;background:#0b6177!important;border-color:#7ee8fa!important}.zBU9Fq_control{flex-wrap:wrap;justify-content:flex-start;display:flex}.zBU9Fq_control select{min-width:150px}.zBU9Fq_session{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;gap:.7rem;display:grid}.zBU9Fq_hud{flex-wrap:wrap;gap:.5rem 1rem;font-weight:700;display:flex}.zBU9Fq_hud span{border:1px solid #435875;border-radius:7px;padding:.3rem .55rem}.zBU9Fq_cpuBadge{--cpu-color:#ffb45b;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--cpu-color) 70%, transparent);border-color:var(--cpu-color)!important}.zBU9Fq_cpuBadge[data-cpu=Calm]{--cpu-color:#63d58a}.zBU9Fq_cpuBadge[data-cpu=Sharp]{--cpu-color:#ff79b8}.zBU9Fq_arenaRow{align-items:center;gap:.75rem;width:min(100%,720px + 4.5rem);display:flex}.zBU9Fq_arena{aspect-ratio:1;touch-action:none;background:#02050d;border:1px solid #8395a9;border-radius:50%;width:min(100%,76vh,720px);height:auto;position:relative;overflow:hidden}.zBU9Fq_arena canvas{max-width:none;display:block}.zBU9Fq_touchControls{flex-direction:column;flex:0 0 3.5rem;justify-content:center;gap:.75rem;display:none}.zBU9Fq_touchArrow{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;min-width:3.5rem;font-size:1.45rem;font-weight:800;min-height:3.5rem!important;padding:.5rem!important}.zBU9Fq_touchArrow:active{background:#0b6177;border-color:#7ee8fa;transform:scale(.96)}.zBU9Fq_readyCue{color:#fff3bd;background:#342b17;border:1px solid #f8d481;border-radius:999px;width:fit-content;margin:.15rem 0;padding:.4rem .75rem;font-weight:800}.zBU9Fq_event{background:#302b47;border-left:4px solid #d8c5ff;padding:.4rem .75rem;font-weight:700}.zBU9Fq_territory{font-variant-numeric:tabular-nums;font-weight:600}.zBU9Fq_help{color:#c3d2df;max-width:72ch;font-size:.9rem}.zBU9Fq_result{border:1px solid #86d7e8;border-radius:8px;padding:.7rem}.zBU9Fq_error{border:2px solid #e8a6a6;border-radius:10px;padding:1rem}.zBU9Fq_settings{gap:.35rem;display:grid}.zBU9Fq_settingsHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.zBU9Fq_settingsHeader h2{margin:0}@media (max-width:900px),(pointer:coarse){.zBU9Fq_arenaRow{align-items:stretch}.zBU9Fq_arena{width:min(100% - 4.25rem,76vh,720px)}.zBU9Fq_touchControls{display:flex}}@media (max-width:640px){.zBU9Fq_modes{grid-template-columns:1fr}.zBU9Fq_arenaRow{grid-template-columns:minmax(0,1fr);gap:.75rem;width:100%;display:grid}.zBU9Fq_arena{grid-row:1;justify-self:center;width:min(100%,72vh)}.zBU9Fq_touchControls{flex-direction:row;flex:none;grid-row:2;gap:.75rem;width:100%}.zBU9Fq_touchArrow{flex:1 1 0;min-width:0;min-height:3.5rem!important}.zBU9Fq_header{align-items:flex-start}}@media (orientation:landscape) and (max-height:600px){.zBU9Fq_arena{width:min(100%,68vh,720px)}}
