@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:block;src:url(./press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2")}:root{--color-primary-01:#fff05a;--color-primary-02:#ff785a;--color-secondary-01:#272640;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{color:#fff;background:var(--color-secondary-01);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;margin:0;font-family:"Press Start 2P",system-ui;line-height:1.6}button{font:inherit;color:inherit;cursor:pointer;outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100svh;padding:1rem;display:flex}.hud{justify-content:space-between;align-items:flex-start;gap:1rem;width:min(78vw,22rem);font-size:.5rem;display:flex}#app[data-state=menu] .hud,#app[data-state=pick] .hud{visibility:hidden}.hud .value{font-weight:500}.icon-button{background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1rem;line-height:1;transition:color .15s}.icon-button:hover{color:var(--color-primary-01)}#app[data-state=title] .hud,#app:not([data-state=playing]) .icon-button{visibility:hidden}.stage{justify-content:center;align-items:center;display:flex;position:relative}canvas{aspect-ratio:2/3;width:min(78vw,22rem,66.6667dvh - 10.6667rem);image-rendering:pixelated;display:block}.scoreboard{color:var(--color-primary-01);text-shadow:2px 0 var(--color-secondary-01), -2px 0 var(--color-secondary-01), 0 2px var(--color-secondary-01), 0 -2px var(--color-secondary-01), 2px 2px var(--color-secondary-01), -2px 2px var(--color-secondary-01), 2px -2px var(--color-secondary-01), -2px -2px var(--color-secondary-01);pointer-events:none;justify-content:center;margin:0;font-size:1.5rem;line-height:1;display:none;position:absolute;top:14.3%;left:0;right:0;transform:translateY(-50%)}#app[data-state=playing] .scoreboard{display:flex}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:none;position:absolute;inset:0}.screen.is-solid{background:#272640d9}#app[data-state=title] [data-screen=title],#app[data-state=menu] [data-screen=menu],#app[data-state=pick] [data-screen=pick],#app[data-state=settings] [data-screen=settings],#app[data-state=paused] [data-screen=paused],#app[data-state=serve] [data-screen=serve],#app[data-state=over] [data-screen=over]{display:flex}[data-for-mode],[data-for-category],[data-for-result]{display:none}#app[data-mode=rally] [data-for-mode~=rally],#app[data-mode=hoops] [data-for-mode~=hoops],#app[data-mode=match] [data-for-mode~=match],#app[data-mode=bricks] [data-for-mode~=bricks],#app[data-category=classic] [data-for-category=classic],#app[data-category=arcade] [data-for-category=arcade],#app[data-result=win] [data-for-result=win],#app[data-result=lose] [data-for-result=lose],#app[data-result=cleared] [data-for-result=cleared]{display:revert}#app[data-result=cleared] [data-for-mode~=bricks].lost,#app:not([data-record]) .record{display:none}.lead{font-size:1rem;font-weight:500}.win{color:var(--color-primary-01)}.record{color:var(--color-primary-01);font-size:1rem;font-weight:500}.level-name{color:var(--color-primary-01)}.primary,.secondary,.carousel-arrow,.touch button{--px:.125rem;--depth:calc(var(--px) * 2);--press:0rem;--lip:calc(var(--depth) - var(--press));--outline:#fff;--line:#00000073;--face:var(--color-secondary-01);--pad-y:.75rem;--pad-x:1.1rem;isolation:isolate;padding:calc(var(--pad-y) + var(--px) + var(--press)) var(--pad-x) calc(var(--pad-y) + var(--px) + var(--lip));background:0 0;border:none;border-radius:0;position:relative}.primary:before,.secondary:before,.carousel-arrow:before,.touch button:before,.primary:after,.secondary:after,.carousel-arrow:after,.touch button:after{content:"";z-index:-1;position:absolute}.primary:before,.secondary:before,.carousel-arrow:before,.touch button:before{--s:var(--px);inset:var(--press) 0 0;background:var(--outline);clip-path:polygon(0 calc(var(--s) * 2), var(--s) calc(var(--s) * 2), var(--s) var(--s), calc(var(--s) * 2) var(--s), calc(var(--s) * 2) 0, calc(100% - var(--s) * 2) 0, calc(100% - var(--s) * 2) var(--s), calc(100% - var(--s)) var(--s), calc(100% - var(--s)) calc(var(--s) * 2), 100% calc(var(--s) * 2), 100% calc(100% - var(--s) * 2), calc(100% - var(--s)) calc(100% - var(--s) * 2), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - var(--s) * 2) calc(100% - var(--s)), calc(100% - var(--s) * 2) 100%, calc(var(--s) * 2) 100%, calc(var(--s) * 2) calc(100% - var(--s)), var(--s) calc(100% - var(--s)), var(--s) calc(100% - var(--s) * 2), 0 calc(100% - var(--s) * 2))}.primary:after,.secondary:after,.carousel-arrow:after,.touch button:after{--s:var(--px);inset:calc(var(--press) + var(--px)) var(--px) var(--px);background:linear-gradient(transparent var(--s) 85%, #0003 85% calc(100% - var(--lip) - var(--s))), var(--face);clip-path:polygon(0 var(--s), var(--s) var(--s), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--s), 100% var(--s), 100% calc(100% - var(--s)), calc(100% - var(--s)) calc(100% - var(--s)), calc(100% - var(--s)) 100%, var(--s) 100%, var(--s) calc(100% - var(--s)), 0 calc(100% - var(--s)))}.primary:active,.secondary:active,.carousel-arrow:active,.touch button:active{--press:var(--depth)}.primary,.secondary{font-size:1rem;font-weight:500}.primary{--face:var(--color-primary-02);color:#fff}.secondary{color:inherit}.mode-button{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.mode-button .hint{font-size:.5rem;font-weight:400}.skin-carousel{justify-content:center;align-items:center;gap:1.25rem;display:flex}.carousel-arrow{--pad-y:0rem;--pad-x:0rem;width:2.5rem;height:calc(2.5rem + var(--depth));justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:color .15s;display:flex}.carousel-arrow:hover{color:var(--color-primary-01)}.skin-display{flex-direction:column;align-items:center;gap:.4rem;width:8rem;display:flex}.swatch{width:4rem;height:4rem;image-rendering:pixelated;background:var(--color-secondary-01)}.swatch.is-player{width:2.5rem;height:4rem}.skin-name{white-space:nowrap;font-size:1rem;font-weight:500}.pixel-icon{--cell:.125rem;width:calc(var(--cols) * var(--cell));height:calc(var(--rows) * var(--cell));margin:auto;display:block}.skin-dots{justify-content:center;align-items:center;gap:.5rem;display:flex}.skin-dot{clip-path:polygon(25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%,0 25%,25% 25%);opacity:.3;background:currentColor;border:none;border-radius:0;width:.5rem;height:.5rem;padding:0;transition:opacity .15s step-end}.skin-dot.is-active{opacity:1;width:.75rem;height:.75rem}.screen.is-preview{justify-content:space-between;padding:.75rem .75rem 16%}.pick-head{background:#272640d9;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem .9rem;display:flex}.pick-head .lead{margin:0}.pick-tip{text-align:center;max-width:16rem;margin:0;font-size:.5rem;line-height:1.6}.pick-group,.pick-head .hint{font-size:.5rem}.pick-group{color:var(--color-primary-01)}.pick-nav{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:50%;left:.75rem;right:.75rem;transform:translateY(-50%)}.pick-nav .carousel-arrow{pointer-events:auto}.pick-foot{flex-direction:column;align-items:center;gap:.75rem;display:flex}.pick-buttons{gap:.75rem;display:flex}.volley-logo{width:calc(var(--logo-cols) * .3rem);max-width:100%;height:auto}.press-start{color:var(--color-primary-01);margin:0;font-size:.625rem;animation:1.1s step-end infinite blink;position:absolute;bottom:6%;left:0;right:0}.press-start .for-touch{display:none}@media (hover:none) and (pointer:coarse){.press-start .for-keys{display:none}.press-start .for-touch{display:inline}}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.press-start{animation:none}}.volley-logo-face{fill:var(--color-primary-01)}.volley-logo-shadow{fill:#121121}.keys{text-align:center;opacity:.7;font-size:.5rem}.keys .pixel-icon{--cell:.0625rem;vertical-align:0;margin:0;display:inline-block}.touch{grid-template-columns:repeat(3,1fr);gap:.75rem;width:min(78vw,22rem);display:grid}.touch button{--pad-x:0rem;touch-action:none;-webkit-user-select:none;user-select:none;font-size:1rem;line-height:1}.touch button:active{--face:var(--color-primary-02);color:#fff}@media (hover:hover) and (pointer:fine){.touch{display:none}}@media not ((hover:hover) and (pointer:fine)){.keys{display:none}}