@font-face{font-family:Lilita One;src:url(/assets/LilitaOne-Regular-DWEPn4H6.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:Inter;src:url(/assets/Inter-VF2RPR_K.ttf)format("truetype");font-display:swap;font-weight:100 900}:root{--giga-bg:#090b17;--giga-panel:#18172ce0;--giga-white:#fff;--giga-muted:#b8b5d0;--giga-violet:#8b5cf6;--giga-lime:#a3e635;--giga-border:#ffffff21;--giga-radius:24px;--giga-display:"Lilita One",sans-serif;--giga-body:Inter,sans-serif;--giga-shadow:0 24px 80px #0006;color:var(--giga-white);font-family:var(--giga-body);background:var(--giga-bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid var(--giga-lime);outline-offset:4px}.giga-panel{background:var(--giga-panel);border:1px solid var(--giga-border);border-radius:var(--giga-radius);box-shadow:var(--giga-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:28px}.giga-title{font-family:var(--giga-display);margin:0;font-weight:400;line-height:.95}.giga-number{font-variant-numeric:tabular-nums;color:#fff;font-weight:900}.giga-button{color:#151126;background:var(--giga-lime);border:0;border-radius:16px;justify-content:center;align-items:center;min-height:52px;padding:12px 25px;font-weight:800;display:inline-flex}.giga-secondary{color:#fff;border:1px solid var(--giga-border);background:#ffffff12}.giga-safe{padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.giga-screen{text-align:center;width:100%;max-width:360px}.giga-screen p{color:var(--giga-muted);line-height:1.6}.giga-screen .giga-title{font-size:56px}.giga-screen .small{font-size:38px}.giga-screen em{color:var(--giga-lime);font-style:normal}.giga-screen .eyebrow{letter-spacing:2px;color:#c9b5ff;font-size:10px}.giga-screen .giga-button{width:100%}.giga-screen .text-button{color:#c9b5ff;background:0 0;border:0;margin:14px auto 0;display:block}.giga-screen .result-score{font-size:64px;display:block}.giga-hud{justify-content:space-between;align-items:center;gap:16px;display:flex}.giga-hud span{color:var(--giga-muted);display:block}.giga-hud .giga-number{font-size:32px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--giga-lime:#b4ef53;--panel:linear-gradient(140deg,#1c1725ee,#0b0c17ee);--edge:#a58ab63d}html,body{height:100%;margin:0}body{background:#100e1b url(/art/lounge.webp) top/cover no-repeat;overflow:hidden}body:before{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0e0d1c10 20%,#090712c0 100%);transition:background-color .6s;position:fixed;inset:0}body[data-phase=play]:before,body[data-phase=paused]:before{background-color:#0a081440;background-image:linear-gradient(#07050d48 0,#07050d40 30%,#07050d00 55%),radial-gradient(at 50% 45%,#0e0d1c10 20%,#090712c0 100%)}button,a,input{-webkit-tap-highlight-color:transparent}button{transition:transform .12s,background .12s,opacity .12s,box-shadow .2s}button:active:not(:disabled){transform:translateY(2px)}button:disabled{cursor:default}svg{flex-shrink:0;width:22px;height:22px}.shell{grid-template-rows:14px 44px 78px minmax(0,1fr) 46px 18px;grid-template-columns:12px minmax(0,1fr) 162px 12px;column-gap:8px;display:grid;position:fixed;inset:0;overflow:hidden}#table{touch-action:none;z-index:0;outline:none;width:100vw;height:100svh;display:block;position:fixed;inset:0}.table-frame{pointer-events:none;grid-area:4/2;min-height:0}.topbar,.hud,.rack-status,.dock,.mobile-power,.fine-aim,footer{z-index:2;position:relative}.topbar{grid-area:2/2/auto/4;align-items:center;gap:14px;display:flex}.brand{color:#f5f0ff;letter-spacing:.5px;align-items:center;gap:3px;font-size:14px;font-weight:900;text-decoration:none;display:flex}.brand>span:last-child{color:#c2aecf;font-weight:500}.brand-mark{width:29px;height:29px;font-family:var(--giga-display);background:linear-gradient(140deg,#a37bff,#704ac2);border:1px solid #ccb1ff85;border-radius:9px;place-items:center;margin-right:7px;font-size:22px;display:grid;box-shadow:0 0 18px #8b5cf630}.practice{letter-spacing:1.7px;color:#c8b9d6;border:1px solid #cbb4ed30;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:700}.top-actions{gap:8px;margin-left:auto;display:flex}.icon-button{color:#e1d8eb;background:#12101fc8;border:1px solid #cab6e52a;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.icon-button:disabled{opacity:.35}.icon-button.muted{opacity:.5}.hud{pointer-events:none;grid-area:3/2;justify-content:space-between;align-items:center;gap:12px;display:flex}.score-card,.clock-card{border:1px solid var(--edge);background:var(--panel);border-radius:18px;align-items:center;gap:12px;padding:9px 16px;transition:box-shadow .4s,border-color .4s;display:flex;box-shadow:0 6px 25px #0005,inset 0 1px #ffffff0b}.score-card.hot{border-color:#c4f37a;box-shadow:0 0 0 1px #c4f37a55,0 0 28px #b4ef5350,inset 0 1px #ffffff14}.score-card.hot strong{color:#e7ffbd;text-shadow:0 0 14px #b4ef5390}.score-icon{color:#ffe479;border:1px solid #9b67f2;border-radius:50%;place-items:center;width:40px;height:40px;font-size:26px;display:grid;box-shadow:0 0 12px #a065e359,inset 0 0 8px #985ee33d}.label{color:#c2b3cd;letter-spacing:1.8px;margin-bottom:3px;font-size:8px;font-weight:700;display:block}.score-card strong,.clock-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.8px;font-size:30px;font-weight:850;transition:color .3s}.score-card small{color:#c4b5cd;margin-left:5px;font-size:12px}.clock-card svg{color:#b4ef53;width:30px;height:30px}.urgent{color:#ff9a87}.score-run{color:#d1b1f4;letter-spacing:1px;border:1px solid #b78ae649;border-radius:8px;margin-left:6px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-block}.score-run:empty{display:none}.score-run.hot{color:#203011;background:#c6f57a;border-color:#e3ffb3}.score-run.pending{color:#e3ffb3;background:#1d2414;border-color:#b5e76d;animation:.5s ease-in-out infinite alternate pendingPulse}@keyframes pendingPulse{to{box-shadow:0 0 12px #b4ef5366}}.score-card.counting strong{color:#e7ffbd}.shot-call{color:#d9c9e5;white-space:nowrap;background:#151021d6;border:1px solid #b387f039;border-radius:99px;align-items:center;gap:8px;padding:9px 16px;font-size:11px;font-weight:700;transition:opacity .25s,transform .25s,border-color .25s,background .25s,color .25s,box-shadow .25s;display:flex}.call-dot{background:#ad82e7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #b491f7}.shot-call.celebrate{color:#e1ffb0;background:#1d2414e0;border-color:#b5e76d;box-shadow:0 0 22px #b4ef5326}.shot-call.celebrate .call-dot{background:var(--giga-lime)}.rack-status{grid-area:5/2;justify-content:center;align-items:center;gap:12px;display:flex}.ball-tray{align-items:center;gap:4px;display:flex}.tray-ball{isolation:isolate;color:#1c1726;background:radial-gradient(circle at 35% 25%,#fff8,transparent 60%),var(--ball);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:8px;font-weight:900;transition:opacity .3s,transform .3s;display:grid;position:relative;box-shadow:inset -1px -2px 3px #0007,0 2px 3px #0004}.tray-ball:before{content:"";z-index:-1;background:#fff8e2;border-radius:50%;width:12px;height:12px;position:absolute}.tray-ball.down{opacity:.17;transform:scale(.78)}.balls-count{align-items:center;gap:6px;display:flex}.balls-count strong{color:#ede5f4;font-size:16px}.balls-count span{letter-spacing:1.2px;color:#bdacc8;font-size:7px}.dock{grid-area:3/3/6;grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"spin power""fine power""shoot power";align-self:center;align-items:center;gap:10px 8px;width:100%;display:grid}.spin-control{background:#120f1dcc;border:1px solid #a58ab630;border-radius:18px;flex-direction:column;grid-area:spin;align-items:center;gap:4px;padding:10px 6px 4px;display:flex}.spin-ball{touch-action:none;background:radial-gradient(circle at 35% 25%,#fffef6 5%,#fff4da 42%,#c4b79b 77%,#8c7f6c 100%);border:1px solid #fff9de;border-radius:50%;width:66px;height:66px;position:relative;box-shadow:inset -3px -4px 8px #5649473b,0 6px 17px #0006}.spin-cross{background:#9d8f814d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-cross.horizontal{width:74%;height:1px}.spin-cross.vertical{width:1px;height:74%}#spin-dot{background:#9f55e2;border:2px solid #f0d9ff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #a462dc40}#reset-spin{letter-spacing:1px;color:#cdb5e6;background:0 0;border:0;border-radius:10px;min-width:44px;min-height:44px;font-size:8px;font-weight:800}.spin-description{letter-spacing:1px;color:#c2afce;white-space:nowrap;font-size:7px}.shoot-button{color:#24341a;letter-spacing:.8px;background:linear-gradient(#cbff84,#a6e24e);border:1px solid #d4ff8d;border-radius:16px;grid-area:shoot;justify-content:space-between;align-items:center;min-height:56px;padding:0 14px;font-size:13px;font-weight:900;display:flex;box-shadow:0 4px #658d2c,0 6px 28px #a5ed371c}.shoot-button:disabled{color:#d0c3db;opacity:.85;background:linear-gradient(#47434f,#302c39);border-color:#796b8c;justify-content:center;box-shadow:0 4px #211a2d}.shoot-button:disabled svg{display:none}.mobile-power{background:linear-gradient(135deg,#201c2bee,#090a17f2);border:1px solid #aa8db04a;border-radius:18px;flex-direction:column;grid-area:power;align-items:center;gap:8px;padding:12px 6px 10px;display:flex;position:relative;box-shadow:0 8px 22px #0006}.mobile-power>span{letter-spacing:1.2px;color:#c5b5d1;font-size:7px;font-weight:800}.power-meter{background:repeating-linear-gradient(0deg,#ffffff10 0 9px,#0000 9px 13px);border-radius:6px;width:26px;height:clamp(240px,40svh,340px);position:relative}.power-fill{width:100%;height:calc(var(--power,.65)*100%);filter:drop-shadow(0 0 5px #a8f64090);pointer-events:none;background:repeating-linear-gradient(0deg,#c0ff60 0 9px,#0000 9px 13px);position:absolute;bottom:0;left:0}#power{writing-mode:vertical-lr;opacity:.001;cursor:ns-resize;touch-action:none;direction:ltr;width:48px;height:100%;margin:0;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.mobile-power strong{color:#d5ff97;font-size:14px;font-weight:800}.mobile-power strong small{margin-left:2px;font-size:8px}.mobile-power.pulling{border-color:#d2ff9b;box-shadow:0 0 26px #b4ef5333}#pull-value{color:#203011;pointer-events:none;z-index:6;background:#d7ff9f;border:1px solid #f0ffce;border-radius:9px;padding:6px 9px;font-size:15px;font-weight:800;display:none;position:absolute;right:62px;box-shadow:0 4px 15px #0006}.pulling #pull-value{display:block}.fine-aim{background:#100c1cd6;border:1px solid #a080b33f;border-radius:13px;grid-area:fine;align-items:center;gap:8px;height:44px;padding:0 10px;display:flex}.fine-aim>span{letter-spacing:1px;white-space:nowrap;color:#bdaccd;white-space:normal;width:22px;font-size:6px;font-weight:800;line-height:1.2}.fine-aim>b{color:#c6b1de;font-size:16px}#fine{accent-color:#c3a5f1;cursor:ew-resize;touch-action:none;width:100%;min-width:0;height:44px;margin:0}footer{letter-spacing:1.3px;color:#a08cad90;grid-area:6/2/auto/4;justify-content:space-between;align-items:center;font-size:7px;font-weight:650;display:flex}footer i{color:#a87ed1;padding:0 7px;font-style:normal}#floats{pointer-events:none;z-index:4;position:fixed;inset:0}.floating-score{font-family:var(--giga-display);color:#e3ffad;text-shadow:0 2px 2px #1c2618,0 0 14px #9ef04f85;white-space:nowrap;text-align:center;line-height:1;position:absolute;transform:translate(-50%,-50%)}.floating-score small{letter-spacing:.8px;color:#f1e1ff;margin-top:3px;font-family:Inter,sans-serif;font-size:.42em;font-weight:900;display:block}.floating-score.foul{color:#ffb3ac;text-shadow:0 2px 2px #421c28,0 0 12px #ff6b5a60}.floating-score.run{color:#fff;text-shadow:0 2px 2px #1c1430,0 0 16px #b98cff}.floating-score.run.hot{color:#e8ffb8;text-shadow:0 2px 3px #1c2618,0 0 24px #b4ef53}.banner{z-index:5;opacity:0;pointer-events:none;text-align:center;white-space:nowrap;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)scale(.6)}.banner strong{font-family:var(--giga-display);color:#fff3c4;text-shadow:0 4px #6b4a12,0 0 34px #ffcf4d,0 0 80px #ffb02e80;letter-spacing:1px;font-size:clamp(44px,9vw,92px);line-height:.95;display:block}.banner span{color:#e3ffb3;letter-spacing:1.2px;background:#1d2414e8;border:1px solid #c6f57a;border-radius:99px;margin-top:12px;padding:8px 16px;font-size:clamp(12px,2vw,17px);font-weight:900;display:inline-block}.banner.time strong{color:#ffd8cf;text-shadow:0 4px #5a1f1a,0 0 30px #ff7b62}.banner.time span{color:#ffe1da;background:#2a1414e8;border-color:#ffb3a6}.banner.show{animation:1.5s cubic-bezier(.2,1.3,.3,1) forwards banner}.banner.show.sweep{animation:1.4s cubic-bezier(.2,1.2,.3,1) forwards bannerSweep}@keyframes bannerSweep{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}30%{transform:translate(-50%,-50%)scale(1)}72%{opacity:1;transform:translate(-50%,-54%)scale(1)}to{opacity:0;transform:translate(-50%,-70%)scale(.92)}}.shell[data-phase=results] .banner.sweep,.shell[data-phase=results] .shot-call,.shell[data-phase=results] .score-run{visibility:hidden}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}38%{transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-56%)scale(1)}}.shell[data-phase=results] .banner.show{animation:.5s .9s forwards bannerOut,1.5s cubic-bezier(.2,1.3,.3,1) forwards banner}@keyframes bannerOut{to{opacity:0;transform:translate(-50%,-80%)scale(.9)}}#table.strike{animation:.12s ease-out strike}@keyframes strike{50%{transform:translateY(1px)}}#screens{z-index:6;pointer-events:none;justify-content:center;align-items:center;padding:12px;display:none;position:fixed;inset:0}#screens.visible{display:flex}.shell[data-phase=results] #screens,.shell[data-phase=paused] #screens{background:#0c091866}#screens .modal{pointer-events:auto;background:linear-gradient(145deg,#20182cf0,#100c1bf5);border:1px solid #d9b8ee35;border-radius:25px;max-width:330px;max-height:calc(100svh - 24px);padding:24px 28px;overflow:auto;box-shadow:0 18px 60px #0009}#screens .giga-title{color:#f5e9fc;font-size:32px}#screens .modal p{white-space:pre-line;font-size:11px;line-height:1.7}#screens .eyebrow{color:#d0b3e4;margin:0 0 7px;letter-spacing:1.7px!important;font-size:7px!important}.logo-title{margin:-3px -10px -12px!important}.logo-title img{filter:drop-shadow(0 7px 14px #0004);width:100%;height:auto;display:block}#screens .giga-button{color:#253119;background:linear-gradient(#c7ff7b,#a9e14e);border:1px solid #d9ff9b;min-height:49px;margin-top:8px;font-size:15px;box-shadow:0 4px #577e25,0 7px 20px #a4e63617}#screens .text-button{color:#d2b9e8;min-height:44px;font-size:11px}.title-footnote{color:#b79dc7;letter-spacing:1.4px;white-space:nowrap;margin-top:18px;font-size:7px;display:block}.title-footnote i{color:#d3b882;padding:0 4px;font-style:normal}#screens .result-score{margin:3px 0 12px;font-size:52px;line-height:1.05}.breakdown{border-top:1px solid #c6a0de2e;border-bottom:1px solid #c6a0de2e;gap:6px;padding:10px 0;display:grid}.breakdown>div{color:#bfa9ce;justify-content:space-between;font-size:11px;display:flex}.breakdown b{color:#e7d8f2;font-weight:700}#screens .result-tip{color:#dcceee;font-size:10px;line-height:1.55}.results-card{animation:.6s cubic-bezier(.2,1.25,.3,1) both slideIn}.results-card.after-buzzer{animation-delay:1.1s}@keyframes slideIn{0%{opacity:0;transform:translateY(60px)scale(.94)}to{opacity:1;transform:none}}#screens .modal.how{max-width:430px}.how-steps{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 6px;padding:0;list-style:none;display:grid}.how-steps li{text-align:center;background:#ffffff07;border:1px solid #b195d82e;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;display:flex}.how-steps svg{width:100%;max-width:110px;height:auto}.how-steps b{color:#f1e6fb;font-size:12px}.how-steps span{color:#bea9cf;font-size:10px;line-height:1.4}.how-more{color:#c9b4dc;margin:6px 0 2px;font-size:10px}.how-more summary{cursor:pointer;letter-spacing:.4px;min-height:30px;font-weight:700;line-height:30px}.how-more p{color:#bba8cc;margin:4px 0!important;font-size:10px!important}.replay-controls{z-index:3;background:#171122ee;border:1px solid #bd9ad83d;border-radius:12px;align-items:center;gap:5px;padding:4px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.replay-controls[hidden]{display:none}.replay-controls>span{color:#cab2df;margin:0 4px;font-size:8px}.replay-controls button{color:#eee0fb;background:#342641;border:1px solid #9474af44;border-radius:8px;min-width:44px;min-height:44px;font-size:12px;font-weight:700}.replay-controls button[aria-pressed=true]{background:#6a448e;border-color:#c6a7ee}#skip-replay{padding:0 10px;font-size:10px}.shell[data-phase=title] .hud,.shell[data-phase=title] .dock,.shell[data-phase=title] .mobile-power,.shell[data-phase=title] .fine-aim,.shell[data-phase=title] .rack-status{opacity:0;pointer-events:none}.shell[data-phase=results] .dock,.shell[data-phase=results] .mobile-power,.shell[data-phase=results] .fine-aim,.shell[data-phase=paused] .fine-aim{opacity:.25;pointer-events:none}.shell[data-phase=results] #floats,.shell[data-phase=paused] #floats{display:none}.shell[data-demo=true] .dock,.shell[data-demo=true] .fine-aim{opacity:.6}@media (max-width:700px) and (min-height:500px){.shell{grid-template-columns:6px minmax(0,1fr) 6px;grid-template-rows:max(6px,env(safe-area-inset-top)) 56px minmax(0,1fr) 20px 96px max(6px,env(safe-area-inset-bottom));column-gap:0}.topbar{z-index:3;pointer-events:none;grid-area:2/2;justify-self:center}.brand,.practice{display:none}.top-actions{pointer-events:auto;gap:6px}.hud{grid-area:2/2;gap:6px}.score-card,.clock-card{box-sizing:border-box;border-radius:15px;gap:8px;height:56px;padding:6px 10px}.score-card{max-width:calc(50% - 56px)}.clock-card{min-width:0}.score-icon{width:30px;height:30px;font-size:19px}.label{letter-spacing:1.1px;font-size:6px}.score-card strong,.clock-card strong{font-size:23px}.score-card small{display:none}.clock-card svg{width:22px;height:22px}.score-run{letter-spacing:.4px;background:#151021;padding:3px 5px;font-size:7px;position:absolute;bottom:-9px;left:52px}.score-card{position:relative}.icon-button{border-radius:12px;width:44px;height:44px}.shot-call{left:50%;top:calc(max(6px,env(safe-area-inset-top)) + 64px);opacity:0;z-index:3;padding:7px 13px;font-size:10px;position:fixed;transform:translate(-50%)translateY(-6px)}.shot-call.celebrate{opacity:1;transform:translate(-50%)}.table-frame{grid-area:3/1/auto/-1}.rack-status{grid-area:4/2;gap:6px}.ball-tray{gap:3px}.tray-ball{width:15px;height:15px;font-size:6px}.tray-ball:before{width:9px;height:9px}.balls-count strong{font-size:13px}.balls-count span{font-size:6px}.dock{grid-template:"spin fine shoot"44px"spin power power"46px/62px minmax(0,1fr) 74px;grid-area:5/2;align-content:center;align-self:stretch;gap:6px}.spin-control{border-radius:15px;justify-content:center;gap:0;padding:4px 2px 0}.spin-ball{width:44px;height:44px}.spin-description{display:none}#reset-spin{min-width:44px;min-height:44px;margin-top:-6px;font-size:7px}.fine-aim{height:44px;padding:0 10px}.fine-aim>span{display:none}.shoot-button{letter-spacing:.4px;border-radius:13px;min-height:44px;padding:0 10px;font-size:11px;box-shadow:0 3px #658d2c}.shoot-button svg{width:16px;height:16px}.mobile-power{box-sizing:border-box;border-radius:13px;flex-direction:row;gap:10px;height:46px;padding:0 10px 0 12px}.mobile-power>span{font-size:6px}.power-meter{background:repeating-linear-gradient(90deg,#ffffff12 0 9px,#0000 9px 13px);flex:1;width:auto;height:18px}.power-fill{height:100%;width:calc(var(--power,.65)*100%);background:repeating-linear-gradient(90deg,#c0ff60 0 9px,#0000 9px 13px);top:0}#power{writing-mode:horizontal-tb;cursor:ew-resize;width:calc(100% + 106px);height:46px;top:50%;left:-52px;transform:translateY(-50%)}.mobile-power strong,.mobile-power>span{pointer-events:none}.mobile-power strong{text-align:right;min-width:34px;font-size:12px}#pull-value{bottom:54px;right:auto;transform:translate(-50%)}footer,.keyboard-hint{display:none}#screens .modal{max-width:310px;padding:18px 20px}#screens .result-score{font-size:42px}.how-steps{gap:6px}.how-steps li{padding:8px 4px}.how-steps b{font-size:11px}.how-steps span{font-size:9px}}@media (max-height:499px){.shell{grid-template-columns:max(6px,env(safe-area-inset-left)) minmax(0,1fr) 172px max(6px,env(safe-area-inset-right));grid-template-rows:6px 44px minmax(0,1fr) 6px;column-gap:6px}.topbar{grid-area:2/3;gap:6px}.brand,.practice{display:none}.top-actions{justify-content:flex-end;width:100%;margin:0}.table-frame{grid-area:2/2/4}.hud{flex-direction:column;grid-area:3/3;place-self:start;align-items:stretch;gap:5px;width:118px;margin-top:2px}.score-card,.clock-card{border-radius:12px;gap:7px;padding:4px 10px}.score-icon,.clock-card svg{display:none}.score-card strong,.clock-card strong{font-size:19px}.label{margin-bottom:1px;font-size:5px}.score-card small{display:none}.score-run{padding:3px 4px;font-size:7px}.shot-call,.rack-status,footer{display:none}.dock{grid-template:".power"minmax(0,1fr)"spin power""fine power"44px"shoot power"50px/minmax(0,1fr) 46px;grid-area:3/3;align-self:stretch;gap:6px 8px}.spin-control{border-radius:13px;flex-direction:row;justify-content:center;gap:2px;padding:5px 4px 0}.spin-ball{width:48px;height:48px}.spin-description{display:none}#reset-spin{min-height:44px;font-size:7px}.fine-aim{padding:0 8px}.fine-aim>span{display:none}.shoot-button{min-height:50px;padding:0 12px;font-size:12px}.mobile-power{border-radius:13px;align-self:stretch;gap:4px;padding:6px 4px}.mobile-power>span{font-size:6px}.power-meter{flex:1;width:20px;height:auto;min-height:150px}.mobile-power strong{font-size:10px}#screens .modal{max-height:calc(100svh - 16px);padding:14px 20px}.logo-title img{object-fit:contain;max-height:138px}#screens .result-score{margin-bottom:6px;font-size:34px}.breakdown{gap:2px;padding:5px 0}}@media (min-width:701px) and (min-height:500px) and (max-aspect-ratio:3/2) and (min-aspect-ratio:1){.shell{grid-template-rows:14px 44px 78px minmax(0,1fr) 30px 70px 22px;grid-template-columns:12px minmax(0,1fr) 12px}.topbar,.hud{grid-column:2}.table-frame{grid-area:4/1/auto/-1}.rack-status{grid-area:5/2}footer{grid-area:7/2}.dock{grid-template:"spin fine power shoot"62px/auto 210px minmax(0,1fr) 170px;grid-area:6/2;place-self:stretch center;gap:10px;width:min(100%,920px)}.spin-control{border-radius:16px;flex-direction:row;gap:4px;padding:4px 8px}.spin-ball{width:52px;height:52px}.spin-description{display:none}.fine-aim{border-radius:16px;height:62px;padding:0 12px}.shoot-button{min-height:62px}.mobile-power{box-sizing:border-box;flex-direction:row;gap:12px;height:62px;padding:0 14px 0 16px}.power-meter{background:repeating-linear-gradient(90deg,#ffffff12 0 9px,#0000 9px 13px);flex:1;width:auto;height:22px}.power-fill{height:100%;width:calc(var(--power,.65)*100%);background:repeating-linear-gradient(90deg,#c0ff60 0 9px,#0000 9px 13px);top:0}#power{writing-mode:horizontal-tb;cursor:ew-resize;width:calc(100% + 116px);height:62px;top:50%;left:-56px;transform:translateY(-50%)}.mobile-power strong,.mobile-power>span{pointer-events:none}.mobile-power strong{text-align:right;min-width:44px}#pull-value{bottom:70px;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}