.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}}