.perfect-mode-switch{flex:none}.perfect-lane:focus-visible{outline-offset:3px;outline:3px solid #2b2e83}.perfect-game[data-mode=pro] .perfect-lane{border-color:#9ba5d2}.perfect-game[data-mode=pro] .pro-pattern{border:1px solid #c7cde2}.perfect-game[data-mode=pro][data-phase=idle] .perfect-lane{min-height:410px}@media (max-height:500px){.game-play-frame[data-active=true] .perfect-game .pro-pattern{padding:3px 8px;font-size:11px}.game-play-frame[data-active=true] .perfect-game .pro-pattern>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.perfect-game .perfect-lane>div,.perfect-game .perfect-lane .pop-in{transition:none!important;animation:none!important}}
.perfect-options{flex-direction:column;flex:none;gap:8px;display:flex}.perfect-mode-option>p{color:#655f6b;margin:0 0 6px;padding:0 4px;font-size:12px}.perfect-design-picker{color:#655f6b;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 4px;font-size:12px;display:flex}.perfect-design-picker>span{flex:none}.perfect-design-picker>div{gap:4px;display:flex}.perfect-design-picker button{border:1px solid #0000;border-radius:14px;min-height:44px;padding:0 10px;font-weight:700}.perfect-design-picker button[aria-pressed=true]{color:#2b2e83;background:#eeedf6;border-color:#c7c6dd}.perfect-design-picker button:focus-visible{outline-offset:2px;outline:3px solid #2b2e83}.perfect-game[data-design=arena]{--arena-gold:#efd39b;--arena-ink:#14182e;--arena-muted:#c1c7df}.perfect-game[data-design=arena] .perfect-lane{isolation:isolate;background:#15192f;border:1px solid #515578;border-radius:24px;box-shadow:0 12px 28px #161b3520,inset 0 0 0 3px #ffffff05}.perfect-game[data-design=arena] .perfect-lane:focus-visible{outline-color:#5f61aa}.perfect-game[data-design=arena] .perfect-scoreboard{border-color:#d7d5e4;border-radius:15px;box-shadow:0 3px 9px #17182f06}.perfect-game[data-design=arena] .perfect-scoreboard [data-active=true]{background:#e9e7f7;box-shadow:inset 0 3px #4f4b9e}.perfect-game[data-design=arena][data-phase=idle] .perfect-scoreboard{display:none}.perfect-game[data-design=arena][data-phase=idle] .perfect-lane{aspect-ratio:auto;min-height:550px}.arena-scenery{pointer-events:none;background:radial-gradient(at 50% 0,#55518b88,#0000 55%),#15192f;position:absolute;inset:0;overflow:hidden}.arena-backboard{color:#e0dff2;letter-spacing:.24em;justify-content:center;align-items:center;gap:9px;height:7%;font-size:10px;font-weight:800;display:flex;position:absolute;top:3%;left:0;right:0}.arena-backboard i{background:#aaa0c2;width:1px;height:11px}.arena-backboard b{color:#efd39b;font-size:9px}.arena-light{background:linear-gradient(#d3c8ff,#7f73bf80,#0000);width:2px;height:76%;position:absolute;top:10%;box-shadow:0 0 13px #c6aaff80}.arena-light-left{left:8%;transform:rotate(5deg)}.arena-light-right{right:8%;transform:rotate(-5deg)}.arena-wood{width:100%;height:87%;position:absolute;top:13%;left:0}.arena-lane-shade{background:linear-gradient(#11132600 55%,#11132640 70%,#111326e8 96%);position:absolute;inset:0}.perfect-game[data-design=arena] .perfect-pin-deck{height:23%;top:16%;left:17%;right:17%}.perfect-game[data-design=arena] .perfect-pin-position{transform-origin:50% 85%}.arena-pin{filter:drop-shadow(2px 6px 2px #32272c50);width:22px;height:47px}.perfect-game[data-design=arena] .perfect-ball{background:radial-gradient(at 30% 22%,#f1e7ffb0,#0000 24%),radial-gradient(at 62% 70%,#6053b5,#0000 50%),repeating-conic-gradient(from 20deg at 40% 60%,#45347b 0deg,#8073bf 35deg,#262344 70deg,#45347b 110deg);width:44px;height:44px;box-shadow:inset -4px -6px 7px #0a0b2266,inset 1px 1px 1px #fff6,2px 9px 8px #1b182a55}.perfect-game[data-design=arena] .perfect-ball>span{background:#151324;box-shadow:inset 0 1px 1px #080616,0 1px 1px #c6b8ef70}.perfect-game[data-design=arena] .pro-pattern{color:#fff8eb;background:#202640;border:1px solid #727897;box-shadow:0 4px 12px #0a102c20}.perfect-game[data-design=arena] .pro-pattern>span:last-child{color:var(--arena-muted)}.perfect-game[data-design=arena] .perfect-roll-info{color:#f9efda;text-shadow:0 1px 3px #11182f}.perfect-game[data-design=arena] .perfect-timing-track{background:#e8e7ef;border-color:#fff8e5;box-shadow:0 2px 7px #0b102b60}.perfect-game[data-design=arena] .perfect-near-zone{background:#d8bf86}.perfect-game[data-design=arena] .perfect-strike-zone{background:#6550b4}.perfect-game[data-design=arena] .perfect-pointer{background:#151727;border:1px solid #fff;box-shadow:0 0 0 1px #151727}.perfect-game[data-design=arena] .perfect-feedback{z-index:2;flex-direction:column;align-items:center;gap:3px;top:46%}.perfect-game[data-design=arena] .perfect-feedback>span:first-child{color:#f9df9f;background:#171c35ed;border:1px solid #eee1b270;max-width:94%;font-size:clamp(18px,6vw,28px);box-shadow:0 5px 18px #161e3f30}.perfect-game[data-design=arena] .perfect-feedback[data-tone=gutter]>span:first-child,.perfect-game[data-design=arena] .perfect-feedback[data-tone=miss]>span:first-child{color:#f8f4ec;border-color:#abb4d3}.arena-shot-detail{color:#f7ebd4;background:#171c35ed;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.arena-impact{pointer-events:none;width:0;height:0;position:absolute;top:31%;left:50%}.arena-impact-ring{border:2px solid #fff1c4;border-radius:50%;width:90px;height:40px;animation:.65s ease-out both arena-ring;position:absolute;top:-20px;left:-45px}.arena-spark{width:3px;height:9px;animation:arena-spark .58s var(--spark-delay) ease-out both;background:#fff3c5;border-radius:2px;position:absolute;top:-4.5px;left:-1.5px}.arena-impact[data-tone=good]{opacity:.65}@keyframes arena-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.1)}}@keyframes arena-spark{0%{transform:rotate(var(--spark-angle)) translateY(-8px) scale(1);opacity:1}to{transform:rotate(var(--spark-angle)) translateY(calc(-1 * var(--spark-distance))) scale(.3);opacity:0}}.perfect-game[data-design=arena] .perfect-intro{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#14182e00 0 110px,#14182eb8 200px,#14182e 270px);justify-content:flex-end;gap:12px;min-height:550px;padding:260px 24px 28px;position:relative}.perfect-game[data-design=arena][data-phase=idle] .perfect-pin-deck{height:130px;top:90px}.perfect-game[data-design=arena][data-phase=idle] :is(.perfect-controls,.perfect-ball){visibility:hidden}.perfect-game[data-design=arena] .arena-eyebrow{color:#d5c1a0;letter-spacing:.06em;font-size:11px;font-weight:600}.perfect-game[data-design=arena] .perfect-intro h1{letter-spacing:-.04em;font-size:29px;line-height:1.2}.perfect-game[data-design=arena] .perfect-intro h1>span{color:#efd39b;letter-spacing:.12em;border:1px solid #bca57477;border-radius:6px;margin:10px auto 0;padding:4px 11px;font-size:12px;display:table}.perfect-game[data-design=arena] :is(.perfect-intro,.perfect-result) .btn-accent{color:#22233c;background:linear-gradient(110deg,#f4dfb2,#dbba7f);border:1px solid #f8e8bd;min-height:48px;box-shadow:0 4px 16px #00000020}.perfect-game[data-design=arena] :is(.perfect-intro,.perfect-result) .btn-accent:hover{background:#f8e6bd}.perfect-game[data-design=arena] :is(.perfect-intro,.perfect-result) :is(button,a,input):focus-visible{outline-offset:3px;outline:3px solid #faf2c9}.perfect-game[data-design=arena] .perfect-intro>.btn-accent{width:100%;max-width:280px;margin-top:6px}.perfect-game[data-design=arena] .perfect-result{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(at 50% 0,#3b3b65 0,#1b203b 45%,#14182e 90%);gap:12px}.perfect-game[data-design=arena] .perfect-result:before{content:"";pointer-events:none;border:1px solid #d9c79b2b;border-radius:15px;position:absolute;inset:14px}.arena-medal{color:#efd39b;flex:none;width:64px;height:64px}.perfect-game[data-design=arena] .perfect-result-score{letter-spacing:-.06em;text-shadow:0 3px 24px #e7d4a524;font-size:82px}.perfect-game[data-design=arena] .perfect-result-stats{color:#e5e4ef;border-block:1px solid #d3d5f230;padding:10px 14px}.perfect-game[data-design=arena] .perfect-result-actions{width:100%;margin-top:4px}.perfect-game[data-design=arena] .perfect-result-actions>:is(button,a){justify-content:center;align-items:center;min-height:48px;display:flex}.perfect-game[data-design=arena] .perfect-result>section{width:100%;margin-top:12px}.perfect-game[data-design=arena] .perfect-result input{background:#fffaf2;min-height:44px}.perfect-game[data-design=arena] .perfect-result button{min-height:44px}@media (max-width:359px){.perfect-game[data-design=arena] .perfect-intro{padding-inline:16px}.perfect-game[data-design=arena] .perfect-intro h1{font-size:26px}.arena-pin{width:18px;height:39px}}@media (max-height:650px){.game-play-frame[data-active=true] .perfect-game[data-design=arena] .arena-pin{width:17px;height:36px}.game-play-frame[data-active=true] .perfect-game[data-design=arena] .perfect-feedback{top:43%}}@media (max-height:500px){.perfect-game[data-design=arena]{--arena-ball-rest:94px}.game-play-frame[data-active=true] .perfect-game[data-design=arena] .arena-pin{width:12px;height:26px}.game-play-frame[data-active=true] .perfect-game[data-design=arena] .perfect-pin-deck{height:21%;top:14%}.game-play-frame[data-active=true] .perfect-game[data-design=arena] .perfect-ball{width:26px;height:26px}.game-play-frame[data-active=true] .perfect-game[data-design=arena] .perfect-feedback{top:38%}.game-play-frame[data-active=true] .perfect-game[data-design=arena] .perfect-feedback>span:first-child{padding:2px 12px;font-size:16px}.game-play-frame[data-active=true] .perfect-game[data-design=arena] .arena-shot-detail{padding:1px 6px;font-size:10px}}@media (prefers-reduced-motion:reduce){.perfect-game[data-design=arena] :is(.perfect-pin-position,.perfect-ball,.perfect-feedback>span){transition:none!important;animation:none!important}.perfect-game[data-design=arena] .arena-impact{display:none}}