:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{color:#c8c8d0;background:#0a0a12;height:100%;margin:0;font-family:Roboto Mono,Consolas,Courier New,monospace}#root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100vh;padding:10px;display:flex}#screen{background:#000;border:2px solid #2a2a3a;border-radius:4px;outline:none;flex:auto;width:100%;min-height:0}.hint{text-align:center;opacity:.85;margin:0;font-size:13px}.hint b{color:#90c0ff}.github-link{color:#6a6a80;font-size:12px;text-decoration:none}.github-link:hover{color:#90c0ff}#touch-menu,#touch-controls,#rotate-hint{display:none}body.touch{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}body.touch #root{gap:0;height:100dvh;padding:0}body.touch .hint,body.touch .github-link{display:none}body.touch #screen{border:none;border-radius:0}body.touch button{touch-action:none;font-family:inherit}body.touch.mode-menu #touch-menu{display:flex}.game-menu{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:8px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 16px);padding:10px 16px 14px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.game-menu h1{color:#ffff50;text-align:center;margin:0 0 4px;font-size:20px}.game-menu button{color:#fff;background:#1a1a30;border:1px solid #3a3a58;border-radius:6px;min-width:44px;min-height:40px;font-size:15px}.game-menu button:active{background:#2a3a58}.tm-row{align-items:center;gap:8px;font-size:15px;display:flex}.tm-label{color:#c8c8d0;flex:0 0 4.5em}.tm-value{text-align:center;color:#ffff50;flex:auto}.tm-toggles button,.tm-starts button{flex:1 1 0}.game-menu .tm-toggle{color:#8c8ca0}.game-menu .tm-toggle.on{color:#90c0ff;border-color:#90c0ff}.game-menu .tm-start{color:#0a0a12;background:#90c0ff;border-color:#90c0ff;min-height:48px;font-size:18px;font-weight:700}body.touch:not(.mode-menu) #touch-controls{display:block}#touch-controls{pointer-events:none;position:fixed;inset:0}#touch-controls button,.stick-zone{pointer-events:auto}.tc{color:#fff;background:#ffffff1a;border:2px solid #ffffff59;border-radius:50%;font-size:13px;font-weight:700;position:absolute}.tc.down{background:#90c0ff80;border-color:#90c0ff}.tc-top{left:calc(12px + env(safe-area-inset-left));gap:8px;display:flex;position:absolute;top:10px}.tc-top .tc{background:#0a0a1e66;border-color:#fff9;border-radius:8px;width:68px;height:36px;font-size:12px;position:static}body.paused #tc-pause{color:#ffff50;border-color:#ffff50}.tc-continue{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));color:#0a0a12;background:#90c0ffd9;border-radius:10px;width:240px;height:60px;font-size:20px;font-weight:700;display:none;transform:translate(-50%)}body.show-continue .tc-continue{display:block}.tc-quit-prompt{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:1;gap:12px;display:none;position:absolute;transform:translate(-50%)}body.confirm-quit .tc-quit-prompt{display:flex}body.confirm-quit .tc-continue{display:none}.tc-quit-answer{color:#0a0a12;background:#ff8080d9;border-radius:10px;width:170px;height:56px;font-size:15px;font-weight:700;position:static}.tc-quit-keep{background:#90c0ffd9}.stick-zone,.stick-base,.tc-shoot,#tc-pause{display:none}body.mode-play:not(.show-continue):not(.confirm-quit) #stick-zone-1,body.mode-play:not(.show-continue):not(.confirm-quit) #stick-base-1,body.mode-play:not(.show-continue):not(.confirm-quit) #tc-shoot-1,body.mode-play.two-humans:not(.show-continue):not(.confirm-quit) #stick-zone-2,body.mode-play.two-humans:not(.show-continue):not(.confirm-quit) #stick-base-2,body.mode-play.two-humans:not(.show-continue):not(.confirm-quit) #tc-shoot-2,body.mode-play:not(.show-continue) #tc-pause{display:block}.stick-zone{position:absolute;top:56px;bottom:0}#stick-zone-1{width:55%;left:0}.stick-base{bottom:calc(max(4px, (var(--hud-h,100px) - 100px) / 2) + env(safe-area-inset-bottom));pointer-events:none;background:#ffffff0f;border:2px solid #ffffff4d;border-radius:50%;width:100px;height:100px;position:absolute}#stick-base-1{left:calc(12px + env(safe-area-inset-left))}.stick-base.active{margin:-50px 0 0 -50px;bottom:auto;right:auto}.stick-knob{background:#90c0ff73;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}.tc-shoot{bottom:calc(max(4px, (var(--hud-h,96px) - 96px) / 2) + env(safe-area-inset-bottom));width:96px;height:96px;font-size:15px}#tc-shoot-1{right:calc(12px + env(safe-area-inset-right))}body.two-humans #stick-zone-1{width:45%}#stick-zone-2{width:45%;right:0}#stick-base-2{right:calc(12px + env(safe-area-inset-right))}body.two-humans .tc-shoot{width:84px;height:84px;top:10px;bottom:auto}body.two-humans .tc-top{left:50%;transform:translate(-50%)}body.two-humans #tc-shoot-1{right:auto;left:calc(12px + env(safe-area-inset-left))}#tc-shoot-2{right:calc(12px + env(safe-area-inset-right))}@media (orientation:portrait){body.touch #rotate-hint{display:flex}}#rotate-hint{z-index:10;text-align:center;color:#fff;background:#0a0a12;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:20px;position:fixed;inset:0}.rotate-paused{color:#ffff50;font-size:16px;display:none}body.mode-play.paused .rotate-paused{display:block}body.no-humans.mode-play:not(.show-continue) #stick-zone-1,body.no-humans.mode-play:not(.show-continue) #stick-base-1,body.no-humans.mode-play:not(.show-continue) #tc-shoot-1{display:none}.rotate-install,.rotate-ios{margin-top:12px;display:none}.rotate-install{color:#0a0a12;background:#90c0ff;border:none;border-radius:8px;min-height:44px;padding:0 20px;font-family:inherit;font-size:16px;font-weight:700}.rotate-ios{color:#c8c8d0;max-width:22em;font-size:15px;line-height:1.4}.rotate-ios b{color:#90c0ff}body.can-install .rotate-install,body.iphone-tab .rotate-ios{display:block}.game-menu{touch-action:pan-y}@media (height<=420px){.game-menu{gap:4px;padding:6px 12px 8px}.game-menu h1{font-size:16px}.game-menu button{min-height:32px;font-size:14px}.game-menu .tm-start{min-height:38px;font-size:16px}}#desk-menu{width:min(760px,100vw - 32px);display:none}body:not(.touch).mode-menu #desk-menu{display:flex}.game-menu button{cursor:pointer;font-family:inherit}.game-menu button:hover{border-color:#90c0ff}.game-menu kbd{color:#8c8ca0;vertical-align:middle;border:1px solid #3a3a58;border-radius:3px;margin-left:6px;padding:0 5px;font-family:inherit;font-size:.7em;font-weight:400}.game-menu .tm-start kbd{color:#2a3a58;border-color:#2a3a58}.game-menu .tm-league{background:#ffdc50;border-color:#ffdc50}.dm-teams{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dm-col{border:1px solid #0000;border-radius:6px;padding:6px}.dm-col.active{background:#ffffff08;border-color:#3a3a58}.dm-head{color:#8c8ca0;margin:0 0 6px;font-size:15px}.dm-list{flex-direction:column;gap:2px;display:flex}.game-menu .dm-team{text-align:left;background:0 0;border-color:#0000;justify-content:space-between;min-height:28px;padding:0 8px;font-size:14px;display:flex}.game-menu .dm-team.selected{color:#ffff50;background:#2a3a58}.dm-speed{color:#69697d}.dm-controls{border-collapse:collapse;color:#c8c8d0;width:100%;font-size:12px}.dm-controls th{color:#8c8ca0;text-align:left;padding:2px 6px;font-weight:400}.dm-controls td{border-top:1px solid #2a2a3a;padding:2px 6px}.dm-footer{text-align:center;color:#8c8ca0;margin:0;font-size:12px}
