.stopper-page{--stopper-gold:#f7c23e;--stopper-red:#ef3f2e;--stopper-green:#25c56e;color:#eef7f0;background:radial-gradient(circle at 50% 38%,#12311f 0,#050806 38%,#020302 72%);min-height:100vh}.stopper-page .stopper-titlebar{background-image:linear-gradient(90deg,#010403fb 0%,#031009e9 31%,#0310088a 53%,#01040324 73%,#020503c9 100%),linear-gradient(#0000 53%,#020302 100%),url(/assets/ballyverse-fc-world.webp);background-position:50% 48%;background-size:cover;border-bottom-color:#725920;min-height:clamp(560px,66vh,800px);box-shadow:inset 0 -72px 110px #020302}.stopper-page .stopper-titlebar:after{content:"STRIKE";color:#0000;-webkit-text-stroke:1px #f7c23e14}.stopper-page .stopper-titlebar>div{text-shadow:0 7px 36px #000;max-width:790px}.stopper-page .stopper-titlebar h1 em{color:var(--stopper-gold);text-shadow:0 0 40px #f7c23e52}.stopper-page .stopper-titlebar>a{color:#f8d36c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#070904c9;border-color:#8b6c27}.stopper-page .stopper-titlebar>a:hover{background:var(--stopper-gold);border-color:var(--stopper-gold);color:#0d0a02}.stopper-mode-strip{background:#080b07;border:1px solid #534517;grid-template-columns:1.3fr repeat(3,1fr);width:min(1450px,94vw);margin:20px auto 0;display:grid;box-shadow:0 20px 70px #0009}.stopper-mode-strip>div,.stopper-mode-strip>article{border-right:1px solid #332b12;flex-direction:column;justify-content:center;min-height:94px;padding:18px 20px;display:flex}.stopper-mode-strip small{color:#8b742f;letter-spacing:.14em;font-size:.43rem;font-weight:950}.stopper-mode-strip b,.stopper-mode-strip span{color:#e9eee9;letter-spacing:.08em;margin-top:7px;font-size:.64rem;font-weight:950}.stopper-mode-strip>div b{color:#ffd35c}.stopper-stage{max-width:1300px;padding-top:42px}.stopper-selectors{background:linear-gradient(#0d110d,#070907);border:1px solid #4b3f17;border-bottom:0;grid-template-columns:.95fr 1.65fr .8fr;display:grid}.stopper-selectors>div{border-right:1px solid #322a11;min-width:0;padding:14px}.stopper-selectors>div:last-child{border-right:0}.stopper-selectors small{color:#8a783a;letter-spacing:.14em;margin-bottom:9px;font-size:.42rem;font-weight:950;display:block}.stopper-selectors span{gap:6px;display:flex}.stopper-selectors button{color:#99a89c;letter-spacing:.06em;cursor:pointer;background:#101510;border:1px solid #3b351d;flex:1;min-height:43px;padding:8px 9px;font:900 .49rem Arial;transition:all .16s}.stopper-selectors button i{color:#655d35;margin-top:4px;font-size:.37rem;font-style:normal;display:block}.stopper-selectors button:hover{color:#fff;border-color:#a9892f}.stopper-selectors button.active{color:#fff;background:linear-gradient(135deg,#5f4a10,#c89920);border-color:#f3c13e;box-shadow:inset 0 0 0 1px #ffe48a4d,0 0 24px #e5b52e18}.stopper-selectors button.active i{color:#fff4b2}.stopper-hud{background:#090c08;border-color:#534517;grid-template-columns:repeat(6,1fr)}.stopper-hud>span{border-color:#332b12}.stopper-hud small{color:#806d31}.stopper-hud span:nth-child(2) b,.stopper-hud span:nth-child(5) b{color:#ffd45f}.stopper-hud span:nth-child(4) b{color:#4ce28e}.stopper-hud>button{color:#eec34d;background:#161306}.stopper-canvas-shell{aspect-ratio:1100/700;isolation:isolate;background:#040604;border:1px solid #d4a62e;border-radius:8px;overflow:hidden;box-shadow:0 42px 145px #000,0 0 0 1px #3e300d,0 0 105px #e8b63220}.stopper-canvas-shell:before{content:"";z-index:2;pointer-events:none;border:4px solid #171207;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f7cd5f70,inset 0 0 58px #0009,inset 0 -35px 80px #0005}.stopper-canvas-shell:after{content:"";z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:.3;background:linear-gradient(112deg,#fff0 0 33%,#fff7 43%,#fff0 53%) -120% 0/45% 100% no-repeat,repeating-linear-gradient(0deg,#0000 0 4px,#ffffff04 5px);animation:9s ease-in-out infinite stopper-screen-shine;position:absolute;inset:0}.stopper-canvas-shell canvas{touch-action:none;cursor:crosshair;filter:saturate(1.08)contrast(1.035);width:100%;height:100%;display:block}.stopper-overlay{z-index:4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 50% 42%,#1a311fd9,#030604f4 69%)}.stopper-overlay small{color:#f7cd58}.stopper-overlay h2{color:#fff;text-shadow:0 0 38px #f0bc3f45}.stopper-overlay p{max-width:680px}.stopper-overlay .game-start{color:#151004;background:linear-gradient(105deg,#9b7412,#ffd04a);border-color:#f4c440;box-shadow:0 15px 44px #000,0 0 38px #eabd382d}.stopper-overlay .game-start:hover{background:#fff;border-color:#fff}.stopper-status{color:#68736a;letter-spacing:.1em;background:#080b08;border:1px solid #483b16;border-top:0;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:9px 16px;font-size:.48rem;font-weight:900;display:flex}.stopper-status b{color:#e4eee6}.stopper-status span:last-child{color:#f1c94f}.stopper-rank{background:linear-gradient(90deg,#090c08,#111307,#090c08);border:1px solid #483b16;border-top:0;grid-template-columns:170px 1fr 170px;align-items:center;gap:20px;min-height:72px;padding:13px 16px;display:grid}.stopper-rank>div:last-child{text-align:right}.stopper-rank small{color:#75662d;letter-spacing:.14em;font-size:.4rem;font-weight:950;display:block}.stopper-rank b{color:#f5d56d;letter-spacing:.09em;margin-top:5px;font-size:.64rem;display:block}.stopper-rank>span{background:#030403;border:1px solid #4e411c;height:9px;padding:2px}.stopper-rank>span i{background:linear-gradient(90deg,#7f6014,#ffdb5a);height:100%;transition:width .3s;display:block;box-shadow:0 0 13px #ffc93270}.stopper-keyboard{color:#5b675e;letter-spacing:.08em;text-align:center;background:#050705;border:1px solid #483b16;border-top:0;padding:15px 18px;font-size:.48rem;font-weight:850}.stopper-keyboard b{color:#d8e6da}.stopper-rules{grid-template-columns:1fr 1fr 1fr;gap:10px;max-width:1300px;margin:0 auto;padding:0 24px 110px;display:grid}.stopper-rules article{background:linear-gradient(140deg,#11150e,#040604);border:1px solid #423714;min-height:275px;padding:31px;position:relative;overflow:hidden}.stopper-rules article:after{content:attr(data-number);color:#0000;-webkit-text-stroke:1px #f6c84414;font:8rem Impact;position:absolute;bottom:-23px;right:-4px}.stopper-rules small{color:#9a7e2d;letter-spacing:.14em;font-size:.45rem;font-weight:950}.stopper-rules h2{color:#f2f7f2;margin:13px 0 12px;font-size:2.35rem}.stopper-rules p{color:#7a887d;margin:0;line-height:1.7}.shot-techniques,.rank-list{z-index:1;flex-wrap:wrap;gap:6px;margin-top:22px;display:flex;position:relative}.shot-techniques i,.rank-list i{color:#9d8b4b;letter-spacing:.07em;background:#0b0e0a;border:1px solid #51431a;padding:7px 8px;font:900 .41rem Arial}.rank-list i:last-child{color:#f0cb5b;border-color:#b48c23}.theme-night .stopper-canvas-shell{border-color:#7245b6;box-shadow:0 38px 130px #000,0 0 105px #842aff1e}.theme-night .stopper-canvas-shell:before{border-color:#26163c;box-shadow:inset 0 0 0 1px #c274ff4b,inset 0 0 48px #000}@keyframes stopper-screen-shine{0%,68%{background-position:-120% 0,0 0}82%,to{background-position:350% 0,0 0}}@media (width<=1050px){.stopper-mode-strip{grid-template-columns:1fr 1fr}.stopper-mode-strip>div{grid-column:1/-1}.stopper-selectors{grid-template-columns:1fr}.stopper-selectors>div{border-bottom:1px solid #322a11;border-right:0}.stopper-hud{grid-template-columns:repeat(3,1fr)}.stopper-hud>button{grid-column:1/-1;min-height:48px}.stopper-rules{grid-template-columns:1fr}.stopper-rules article{min-height:220px}}@media (width<=650px){.stopper-page .stopper-titlebar{background-image:linear-gradient(#02030282 0%,#02030238 24%,#020302d0 54%,#020302f8 100%),url(/assets/ballyverse-fc-world.webp);background-position:top;min-height:620px}.stopper-mode-strip{border-inline:0;grid-template-columns:1fr;width:100%;margin-top:0}.stopper-mode-strip>div{grid-column:auto}.stopper-mode-strip>div,.stopper-mode-strip>article{border-bottom:1px solid #332b12;border-right:0;min-height:73px}.stopper-stage{padding:24px 6px 70px}.stopper-selectors button{padding:7px 5px;font-size:.42rem}.stopper-selectors>div:nth-child(2) span{grid-template-columns:1fr 1fr;display:grid}.stopper-hud{grid-template-columns:1fr 1fr}.stopper-hud>span{min-height:61px}.stopper-hud b{font-size:1.15rem}.stopper-status{flex-direction:column;align-items:flex-start;gap:5px}.stopper-rank{grid-template-columns:1fr 1fr;gap:11px}.stopper-rank>span{grid-area:2/1/auto/-1}.stopper-keyboard{font-size:.42rem;line-height:1.6}.stopper-rules{padding:0 12px 82px}.stopper-rules article{padding:24px 20px}.stopper-overlay{padding:15px}.stopper-overlay p{font-size:.78rem}.stopper-overlay h2{font-size:3rem}}@media (prefers-reduced-motion:reduce){.stopper-selectors button,.stopper-rank>span i{transition:none}}.stopper-strike{z-index:4;pointer-events:none;text-align:center;background:#07130fee;border:1px solid #85977080;width:min(430px,84%);padding:9px 15px 13px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.stopper-strike>span{color:#f9e0a1;margin-bottom:9px;font-size:.875rem;font-weight:800;line-height:1.3;display:block}.stopper-strike-track{background:linear-gradient(90deg,#644d29,#88602b 60%,#6d2626);border:1px solid #e5eac149;height:12px;position:relative}.stopper-strike-track>i{background:#55ef9d;height:100%;position:absolute;top:0;box-shadow:0 0 10px #54f4a255}.stopper-strike-track>b{background:#fff;width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px;box-shadow:0 0 6px #000}@media (width<=650px){.stopper-strike{padding:5px 8px 6px;top:6px}.stopper-strike>span{margin-bottom:4px;font-size:.75rem;line-height:1.2}.stopper-strike-track{height:8px}}.stopper-page .stopper-titlebar{min-height:0;box-shadow:none;background-position:50% 28%;justify-content:space-between;align-items:center;gap:24px;padding:105px 5vw 24px;display:flex}.stopper-page .stopper-titlebar:after{display:none}.stopper-page .stopper-titlebar h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1}.stopper-page .stopper-titlebar .tag{letter-spacing:.13em;margin:0 0 10px;font-size:.75rem}.stopper-page .stopper-titlebar p:last-child{margin:10px 0 0;font-size:1rem;line-height:1.5}.stopper-page .stopper-titlebar>a{flex-shrink:0;padding:12px;font-size:.875rem;position:static}.stopper-page .stopper-stage{max-width:1140px;margin:auto;padding:20px 20px 48px}.stopper-settings{background:#090f0b;border:1px solid #534517}.stopper-settings summary{cursor:pointer;color:#f7ce66;padding:14px 18px;font-size:.875rem;font-weight:700}.stopper-settings summary span{float:right;color:#bdc8bf;font-weight:400}.stopper-selectors{border:0;grid-template-columns:1.2fr 1.5fr 1fr}.stopper-selectors small,.stopper-hud small,.stopper-rank small{letter-spacing:.06em;color:#b5bb9d;font-size:.75rem}.stopper-selectors button{letter-spacing:0;min-height:44px;font-size:.875rem;line-height:1.3}.stopper-selectors button i{color:#c5be9a;font-size:.75rem}.stopper-selectors button:disabled{opacity:.45;cursor:default}.stopper-hud{grid-template-columns:1.2fr repeat(4,1fr) auto;margin:0;display:grid}.stopper-hud>span{flex-direction:column;justify-content:center;gap:6px;min-height:70px;padding:12px;display:flex}.stopper-hud b{font-size:1.45rem}.stopper-hud>button{min-height:44px;padding:12px;font-size:.75rem}.stopper-canvas-shell{border-radius:0;box-shadow:0 16px 48px #0009}.stopper-canvas-shell:before{border-width:1px;box-shadow:inset 0 0 0 1px #f7cd5f40}.stopper-canvas-shell:after{display:none}.stopper-overlay{padding:24px}.stopper-overlay h2{font-size:clamp(2rem,5vw,4.5rem)}.stopper-overlay small{font-size:.875rem}.stopper-overlay p{color:#c8d8cc;max-width:530px;margin:16px auto;font-size:1rem;line-height:1.5}.stopper-overlay .game-start{min-height:48px;margin:8px 0;padding:12px 24px;font-size:1rem}.stopper-result{z-index:4;text-align:center;pointer-events:none;color:#fff;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:7%;left:4%;right:4%}.stopper-result b{background:#0b1517ed;border:1px solid #bed1d2;padding:10px 22px;font-size:clamp(1rem,2.8vw,2rem);box-shadow:0 10px 35px #0009}.stopper-result span{letter-spacing:.12em;background:#07110ee6;padding:5px 10px;font-size:.75rem}.stopper-result.result-goal b{color:#aeffd0;background:#063e26ed;border-color:#54ef96}.stopper-result.result-post b,.stopper-result.result-wide b,.stopper-result.result-high b,.stopper-result.result-wall b{color:#fca;border-color:#f4aa73}.stopper-match-actions{color:#c0d7c5;background:#101c14;border:1px solid #34472e;align-items:center;gap:8px;padding:12px 14px;font-size:.875rem;display:flex}.stopper-match-actions>span{margin-right:auto}.stopper-match-actions button{color:#efdeb1;cursor:pointer;background:#12190f;border:1px solid #6c643e;min-height:44px;padding:8px 14px;font-size:.875rem}.stopper-shot-history{flex-wrap:wrap;gap:5px;margin:12px 0;padding:0;list-style:none;display:flex}.stopper-shot-history:empty{display:none}.stopper-shot-history li{color:#dcbea1;background:#131711;border:1px solid #4b4a3b;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:60px;max-width:100px;padding:8px 4px;display:flex}.stopper-shot-history li span{color:#aebcaf;font-size:.75rem}.stopper-shot-history li b{font-size:.75rem}.stopper-shot-history .shot-goal{color:#96efb6;background:#0d2b1b;border-color:#3d8a60}.stopper-status{letter-spacing:0;color:#b8c4b8;flex-wrap:wrap;font-size:.875rem;line-height:1.5}.stopper-rank b{font-size:1.25rem}.stopper-keyboard{letter-spacing:0;color:#a0b6a6;font-size:.875rem;line-height:1.7}.stopper-rules{max-width:1140px;padding-bottom:60px}.stopper-rules small,.shot-techniques i,.rank-list i{letter-spacing:.03em;color:#cebb7d;font-size:.75rem}.stopper-rules p{color:#b5c2b8;font-size:1rem}.stopper-rules h2{font-size:2rem}.stopper-page button:focus-visible,.stopper-page canvas:focus-visible,.stopper-settings summary:focus-visible{outline-offset:3px;outline:3px solid #9affcd}@media (width<=900px){.stopper-selectors{grid-template-columns:1fr}.stopper-hud{grid-template-columns:repeat(3,1fr)}.stopper-hud>button{grid-column:auto}.stopper-rules{grid-template-columns:1fr}.stopper-page .stopper-titlebar>a{font-size:.75rem}}@media (width<=650px){.stopper-page .stopper-titlebar{background-position:50%;align-items:flex-start;gap:12px;min-height:0;padding:98px 14px 16px}.stopper-page .stopper-titlebar .tag{font-size:.75rem}.stopper-page .stopper-titlebar>a{max-width:105px;line-height:1.5}.stopper-page .stopper-stage{padding:12px 6px 32px}.stopper-hud>span{min-height:58px;padding:8px}.stopper-hud b{font-size:1.25rem}.stopper-hud small{font-size:.75rem}.stopper-overlay{padding:10px}.stopper-overlay p{margin:8px auto;font-size:.875rem;line-height:1.4}.stopper-overlay small{display:none}.stopper-overlay h2{font-size:1.8rem}.stopper-overlay .game-start{min-height:44px;margin:0;padding:8px 16px;font-size:.875rem}.stopper-match-actions{flex-wrap:wrap}.stopper-match-actions>span{flex-basis:100%}.stopper-match-actions button{flex:1}.stopper-keyboard{font-size:.875rem}.stopper-settings summary{padding:12px}.stopper-result b{padding:7px 12px}.stopper-result span{display:none}}