/* Shared English game shell. Theme artwork remains in akatsuki.css. */
:root{--ui-panel:#272731;--ui-header:#30303c;--ui-button:#343440;--ui-muted:#96959f;--ui-text:#f4f3f6;--ui-accent:#ff7188;--ui-selected:#593340;--ui-pill:#0b0d16bd}
.paytable-context{padding:20px;margin-bottom:14px;background:#1e1b25;border:1px solid #5d3f50;border-radius:10px;font:23px/1.45 Arial,sans-serif}
.paytable-context strong,.paytable-context>span{display:block}.paytable-context strong{color:#ffbdc6}.paytable-context p{font-size:21px;margin:12px 0 0}
.payout-values .payout-amount{font-weight:600}.payout-values em{display:block;font:16px/1.3 Arial,sans-serif;color:#b6a4b1;white-space:nowrap}
.scatter-mode{border:1px solid #55414e;border-radius:10px;padding:18px;margin:18px 0}.scatter-mode.is-current{border-color:#f58ba3;background:#4d2538}
.scatter-mode h4{margin:0 0 12px;color:#ffe0d8;font:700 24px/1.3 Arial,sans-serif}.scatter-mode table{width:100%;border-collapse:collapse;text-align:center;font-size:24px}.scatter-mode th{text-align:left;font-size:21px;font-weight:400}.scatter-mode td,.scatter-mode th{padding:8px 4px}.scatter-help p{font:24px/1.5 Arial,sans-serif}
.model-explanation dt{color:#f1c2cf;font-weight:700;margin-top:20px}.model-explanation dd{margin:6px 0 20px}
#line-layer .line-remainder{stroke:#af899c;stroke-width:2;stroke-dasharray:10 12;opacity:.35;filter:none;animation:none}
#line-layer .line-winning{stroke:#ffe777;stroke-width:6;stroke-dasharray:none;animation:none}
#info.has-line-detail{flex-direction:column;gap:3px;padding-top:5px;padding-bottom:5px}
#info.has-line-detail #win-label{line-height:1.05;gap:14px}#stage #info.has-line-detail #win-value{font-size:43px;line-height:1}
#info.has-line-detail #line-detail{font:600 20px/1.1 Arial,sans-serif;letter-spacing:.3px;color:#ffe4bd;white-space:normal;text-align:center;z-index:2}
.scatter-counted{position:absolute;bottom:6px;left:5px;display:flex;align-items:center;justify-content:center;gap:2px;height:35px;padding:1px 7px 1px 2px;border:1.5px solid #ffd392;border-radius:20px;background:#2d182af2;color:#ffe2a3;font:700 25px Arial,sans-serif;z-index:9;box-shadow:0 2px 6px #0009}
.scatter-counted img{width:29px;height:29px;object-fit:contain;filter:none}
#free-counter #free-multiplier{font:700 23px/1.15 Arial,sans-serif;max-width:470px;text-align:center;overflow-wrap:anywhere}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button{transition:background-color .14s,box-shadow .14s,filter .14s;user-select:none}button:active:not(:disabled){filter:brightness(1.25)}button:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}button:disabled{opacity:.35}svg{pointer-events:none}
.game-heading small{font-family:Arial,sans-serif;letter-spacing:3px;font-size:20px}.line-seal small{font-size:22px}.symbol-tag{font:italic 700 19px/1.2 Arial,sans-serif;letter-spacing:.5px;bottom:2px}.spell-caption{display:none}
#info{border:2px solid #cc425b;background:linear-gradient(0deg,#541329c9,#481021b3);box-shadow:inset 0 0 0 5px #19091266,inset 0 0 30px #c9285155,0 0 15px #e52c3d3b;padding:8px 44px;overflow:hidden}
#info:before,#info:after{content:'';position:absolute;top:8px;bottom:8px;width:17px;border:1px solid #ff99a4aa;pointer-events:none}#info:before{left:8px}#info:after{right:8px}
#message,#message.marquee{flex:1;min-width:0;max-width:100%;font:italic 700 26px/1.2 Arial,sans-serif;white-space:normal;text-wrap:balance;text-shadow:1px 2px #310513;letter-spacing:0;color:#ffe2e5;animation:none;transform:none;text-align:center}
#win-label{font:italic 700 36px Arial,sans-serif;color:#ffdae1}#win-value{font-size:49px}
.wallet-row{gap:6px;padding:0 4px;grid-template-columns:294px 156px 286px}
.wallet-row button{position:relative;background:none;border:0;border-radius:70px;padding:0 13px;gap:12px;color:var(--ui-accent);box-shadow:none;isolation:isolate}
.wallet-row button:before{content:'';position:absolute;inset:12px 0;background:var(--ui-pill);border-radius:70px;z-index:-1;transition:background .15s}
.wallet-row button:hover:not(:disabled):before{background:#100d1bec}.wallet-row #bet-button{padding-left:25px;padding-right:13px}
.wallet-copy{display:contents}.wallet-copy small{display:none}.wallet-copy>span,.compact .wallet-copy>span{font:400 var(--amount,32px)/1 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;flex:1;text-align:center}
.wallet-row svg{width:41px;height:41px;stroke:currentColor;color:#fff}.wallet-row #rules-button svg{stroke:currentColor;color:#aaa8b2;width:44px;height:44px}.wallet-row button:disabled svg{color:#a19aaa}
.small-control{position:relative;width:86px;height:86px;border:0;background:none;box-shadow:none;color:#fff;isolation:isolate}
.small-control:before{content:'';position:absolute;width:80px;height:80px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#0e101aad;z-index:-1;transition:background .15s,box-shadow .15s}
.small-control svg{width:43px;height:43px;stroke:currentColor;color:inherit;stroke-width:1.8;fill:none}#plus-button svg,#minus-button svg{stroke-width:2.6}
.small-control:hover:not(:disabled):before{background:#29202bd9}.small-control:active:not(:disabled) svg{transform:scale(.92)}
#turbo-button[aria-pressed=true]{border:0;box-shadow:none;color:var(--ui-accent)}#turbo-button[aria-pressed=true]:before{box-shadow:0 0 18px #fa466c55;background:#4d1b2ab8}#turbo-button[aria-pressed=true] svg{stroke:currentColor;fill:none}
.native-control-icon .turbo-on{display:none}
#turbo-button[aria-pressed=true] .turbo-off{display:none}
#turbo-button[aria-pressed=true] .turbo-on{display:block}
.wallet-row #menu-button .native-control-icon{width:48px;height:48px}
#auto-button[aria-pressed=true]{color:var(--ui-accent)}#auto-button[aria-pressed=true]:before{background:#4d1b2ab8}
#spin-button{width:164px;height:164px;border:2px solid #ff8d9c;box-shadow:0 0 0 3px #9b173966,0 0 14px #f0365899,inset 0 0 15px #f7446433;background:radial-gradient(circle,#260f1d 30%,#481326 70%,#160d17);transition:box-shadow .14s,filter .14s}
.spin-base{inset:6px;width:auto;height:auto;border:1px solid #ffb5bc88;background:none;box-shadow:inset 0 0 7px #ef214b55}.spin-symbols{inset:0}#spin-arrows{left:15px;top:15px;width:130px;height:130px;animation:eye-turn 20s linear infinite;filter:drop-shadow(0 0 5px #ee315c)}
.spin-vfx-front{left:-100px;top:-100px;width:360px;height:360px}#spin-button:active,#spin-button.key-pressed{box-shadow:0 0 0 3px #cd3c55,0 0 22px #f95d7999,inset 0 0 20px #f74464aa}
#spin-button[data-state=auto]{background:#30101f}#spin-auto-label{top:22px;font:16px Arial,sans-serif;color:#ffc3cf;letter-spacing:2px}#auto-count{top:45px;height:51px;inset-inline:10px;color:#fff;font:700 46px/1 Arial,sans-serif}#spin-button[data-state=auto] #spin-stop{left:69px;top:112px;width:23px;height:23px;fill:#ffd7df}
.bottom-bar{color:#baa5ae;opacity:.6}.bottom-bar span{font:18px Arial,sans-serif;letter-spacing:1px}.bottom-bar button{display:grid;place-items:center}.bottom-bar svg{width:32px;height:32px}
#stage:not(.compact):not(.landscape) #info{top:calc(905px + var(--extra)*.55);height:92px}
#stage:not(.compact):not(.landscape) .wallet-row{top:calc(999px + var(--extra)*.55);height:86px}
#stage:not(.compact):not(.landscape) .controls{left:40px;width:676px;top:calc(1096px + var(--extra)*.55);height:174px}
#stage:not(.compact):not(.landscape) .bottom-bar{top:calc(1254px + var(--extra)*.55);height:90px}
#stage:not(.compact):not(.landscape) #free-counter{top:calc(847px + var(--top-extra));height:40px}
#free-counter{font:21px Arial,sans-serif;gap:10px;width:710px;left:23px}#free-counter span{font-size:22px}#free-counter small{font-size:20px}#free-count{font-size:32px}.compact #free-counter{left:20px;width:716px;top:811px;font-size:22px}
#stage.compact .wallet-row{grid-template-columns:294px 156px 286px;gap:6px;top:950px}.compact .wallet-row button{padding:0 12px}.compact .wallet-row svg{width:38px;height:38px}.compact .wallet-row #bet-button{padding-left:18px}
.compact #message{font-size:26px}.compact #spin-button{width:164px;height:164px}.compact .small-control:before{width:88px;height:88px}.compact .bottom-bar{opacity:.5}.compact .bottom-bar span{font-size:23px}
.landscape .wallet-row{grid-template-columns:282px 142px 282px;gap:6px}.landscape .controls{height:190px}.landscape .small-control:before{width:86px;height:86px}.landscape .bottom-bar span{font-size:25px}
.intro-heading p{font-family:Arial,sans-serif;font-size:23px;letter-spacing:7px}.intro-features{font-family:Arial,sans-serif;font-size:18px;letter-spacing:1.5px}.intro-features b{font-family:Arial,sans-serif;font-size:34px}
#start-button{font:600 28px Arial,sans-serif;letter-spacing:2px;border-radius:48px;height:84px}#intro>small{font:17px Arial,sans-serif;letter-spacing:2px}
#celebration-title{font-family:Arial,sans-serif;font-weight:800;font-style:italic;letter-spacing:-1px;line-height:1.1}#celebration-value{font-family:Arial,sans-serif;font-style:italic}.celebration-kicker{font:20px Arial,sans-serif;letter-spacing:3px}#celebration small{font:24px Arial,sans-serif}
.scrim{background:#0007;backdrop-filter:none}
#modal{background:var(--ui-panel);color:var(--ui-text);border:0;border-radius:40px 40px 0 0;box-shadow:0 -10px 50px #0003;overflow:visible;font-family:Arial,sans-serif;max-height:calc(100% - 32px)}
#modal header{height:108px;background:var(--ui-header);border:0;border-radius:40px 40px 0 0}#modal h2{font:500 34px Arial,sans-serif;color:#fff}
#close-modal{top:10px;right:25px;left:auto;width:var(--hit);height:var(--hit);padding:23px;border-radius:50%;font-size:0}#close-modal svg{width:100%;height:100%;stroke-width:1.9}#close-modal:hover{background:#ffffff09}
#modal-content{padding:48px 44px 35px;font:28px/1.5 Arial,sans-serif;min-height:0;max-height:none;overflow-y:auto;overflow-wrap:normal}
#modal .modal-label{font:28px/1.5 Arial,sans-serif;color:var(--ui-muted);margin:0 0 28px}.choices{gap:14px;justify-content:space-between}.choice{flex:1;min-width:0;height:80px;border:0;border-radius:50px;background:var(--ui-button);color:var(--ui-muted);font:28px Arial,sans-serif}
.choice.active{background:var(--ui-selected);color:var(--ui-accent);border:0}.primary{font:30px Arial,sans-serif;background:var(--ui-accent);color:#fff;border:0;border-radius:60px;min-height:80px;margin:52px auto 15px;width:405px}
.secondary{background:var(--ui-button);border:1px solid #55515f;color:#ddd5e0;border-radius:15px;font:26px Arial,sans-serif}.fine{color:var(--ui-muted);font:23px/1.5 Arial,sans-serif}
#modal.options-modal{padding-bottom:152px}.options-modal #modal-content{padding-bottom:0}.options-modal #auto-start{margin-top:105px;margin-bottom:42px}
#modal-wallet{display:grid;grid-template-columns:294px 156px 286px;gap:6px;padding:0 4px;height:86px;flex-shrink:0;color:var(--ui-accent);font:30px Arial,sans-serif;background:var(--ui-header)}
#modal-wallet button,#modal-wallet .wallet-badge{margin:12px 0;border-radius:60px;background:#1b1b24;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;min-height:0}#modal-wallet button span{flex:1;text-align:center}#modal-wallet .wallet-badge{justify-content:center;color:#8b8995}#modal-wallet svg{width:40px;height:40px;color:#9b98a5;flex-shrink:0}
#modal.options-modal:after{content:'';position:absolute;bottom:0;left:0;right:0;height:152px;background:var(--ui-header);z-index:-1}
#modal.profile-modal{padding-bottom:165px;background:var(--ui-header)}#modal.profile-modal header{height:128px!important}
#modal.profile-modal header:after{content:'';left:calc(50% - 80px);top:-80px;width:160px;height:160px;border:8px solid #292934;border-radius:50%;background:#32323f;box-shadow:none}
#modal.profile-modal header:before{content:'';position:absolute;z-index:2;left:calc(50% - 22px);top:-34px;width:44px;height:53px;background:#a8a8b2;clip-path:path('M22 0a14 14 0 1 1 0 28a14 14 0 1 1 0-28M5 34q17-9 34 0q5 4 5 16H0q0-12 5-16');}
#modal.profile-modal #modal-content{padding:0;overflow:visible}.profile-wallet{padding:72px 20px 70px;background:var(--ui-panel);font:28px Arial,sans-serif;color:var(--ui-accent)}.profile-wallet strong{font:500 48px/1.3 Arial,sans-serif;color:var(--ui-accent);margin-top:4px}
.profile-nav{padding:45px 44px 24px;background:var(--ui-header);gap:10px}.profile-nav button{font:24px Arial,sans-serif;color:#aaa8b2;width:115px;min-height:100px}.profile-nav i{width:67px;height:67px;background:#444451;color:#fff;border-radius:50%;margin-bottom:15px}.profile-nav svg{width:31px;height:31px;stroke:currentColor;stroke-width:1.6}.profile-nav .history-glyph{font:bold 18px/1 Arial,sans-serif}
.profile-utility{background:var(--ui-header);padding:14px 20px 0;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.profile-utility button,.profile-utility button+button{color:#9b98a5;font:20px Arial,sans-serif;margin:0;min-height:65px!important;padding:10px}.profile-utility button[aria-pressed=true]{color:var(--ui-accent)}
.full-modal{overflow:hidden!important;border-radius:0!important}.full-modal header{border-radius:0!important;height:130px!important}.full-modal #modal-content{padding:30px 42px;font:26px/1.6 Arial,sans-serif;color:#b4b1bd}.full-modal #close-modal{left:18px;top:20px;right:auto}.rules h3{font-size:28px;color:#eeebf0;margin:35px 0 12px}.full-modal .rules p{font-size:26px;line-height:1.6}.payout-row{gap:20px}.payout-row>span:not(.symbol-letter){font-size:25px;flex:1}.payout-row .symbol-letter{font-size:65px;width:100px;flex:none}.payout-values{font-size:25px;gap:22px}.history-totals{gap:15px}.history-totals span{font-size:22px}.history-tools{flex-wrap:wrap}.history-tools select,.history-tools input{font:25px Arial,sans-serif;color:#ddd;background:#33313e;border:1px solid #585162;border-radius:10px;max-width:100%;min-width:0}.history-pages{font-size:24px}.history-grid .symbol-letter{font-size:35px;width:44px}.history-grid .cell{min-height:44px}.history-lines .history-line{font-size:21px;grid-template-columns:65px 1fr 125px 130px}.symbol-preview .symbol{width:240px;height:240px;max-width:none;max-height:none}.symbol-preview p{color:#c3bdc9}
/* Four scroll wheels share a single highlighted calculation row. */
.bet-heading,.bet-wheels{display:grid;grid-template-columns:1fr 25px 1fr 25px .8fr 25px 1.25fr;align-items:center;text-align:center}
.bet-heading{font:24px Arial,sans-serif;color:#96939f;padding-bottom:24px;white-space:nowrap}.bet-heading span:last-child{color:var(--ui-accent)}
.bet-wheels{position:relative;--wheel-row:max(78px,var(--hit));height:calc(var(--wheel-row)*5);isolation:isolate}
.bet-selection{position:absolute;left:-30px;right:-30px;top:calc(var(--wheel-row)*2);height:var(--wheel-row);background:var(--ui-header);border-radius:60px;z-index:-1}
.bet-wheel{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding-block:calc(var(--wheel-row)*2);scroll-padding-block:calc(var(--wheel-row)*2);outline-offset:-3px;touch-action:pan-y}
.bet-wheel::-webkit-scrollbar{display:none}.bet-wheel button{display:block;width:100%;height:var(--wheel-row);min-height:var(--wheel-row)!important;padding:0;border:0;border-radius:0;scroll-snap-align:center;color:#d0ccd5;font:500 34px Arial,sans-serif;opacity:calc(1 - var(--distance)*.29);background:none;white-space:nowrap}.bet-wheel button[aria-selected=true]{color:#fff;opacity:1}.bet-wheel[data-wheel=amount] button{color:var(--ui-accent)}.bet-operator{color:#a3a0ac;font:30px Arial,sans-serif}.bet-base{color:#fff;font:34px Arial,sans-serif}
.bet-actions{display:flex;gap:15px;background:var(--ui-header);margin:35px -44px 0;padding:44px 20px 40px;align-items:center}.bet-actions .primary,.bet-actions .secondary{margin:0;border-radius:55px;min-height:80px;font:29px Arial,sans-serif}.bet-actions .primary{width:auto;flex:1}.bet-actions .secondary{width:225px;background:transparent;color:var(--ui-accent);border:2px solid var(--ui-accent);padding:10px}
#modal:has(.bet-wheels) #modal-content{padding-bottom:0}#modal:has(#auto-start) #modal-content{background:linear-gradient(var(--ui-panel) 0 54%,var(--ui-header) 54%)}
.compact #modal-content{padding-inline:30px}.compact #modal .modal-label{font-size:29px}.compact .profile-nav{padding-inline:25px}.compact .profile-nav button{font-size:26px;min-width:0}.compact .profile-utility{padding:10px}.compact .profile-utility button{font-size:24px;min-width:0}.compact #modal.profile-modal #modal-content{padding:0}.compact .profile-wallet{padding:55px 20px}.compact #modal.options-modal{padding-bottom:70px}.compact .bet-heading{font-size:25px}.compact .bet-heading,.compact .bet-wheels{grid-template-columns:1fr 20px 1fr 20px .8fr 20px 1.3fr}.compact .bet-wheels{height:calc(var(--wheel-row)*3)}.compact .bet-wheel{padding-block:var(--wheel-row);scroll-padding-block:var(--wheel-row)}.compact .bet-selection{top:var(--wheel-row)}.compact .bet-actions{margin-inline:-30px}.compact .options-modal #auto-start{margin-top:65px}.compact #modal-wallet{font-size:33px;height:104px}
.landscape #modal{width:765px;max-height:calc(100% - 20px)}.landscape #modal-content{padding:25px 30px}.landscape #modal.options-modal,.landscape #modal.profile-modal{padding-bottom:0}.landscape #modal.profile-modal header{height:100px!important}.landscape .profile-wallet{padding:25px}.landscape .profile-nav{padding:20px}.landscape .profile-nav button{font-size:25px}.landscape .profile-utility{padding:0}.landscape .bet-wheels{height:calc(var(--wheel-row)*3)}.landscape .bet-wheel{padding-block:var(--wheel-row);scroll-padding-block:var(--wheel-row)}.landscape .bet-selection{top:var(--wheel-row)}.landscape .bet-actions{margin:15px -30px 0;padding:20px}.landscape .options-modal #auto-start{margin:40px auto 20px}.landscape #modal-wallet{width:765px;height:86px}.landscape .full-modal #modal-content{padding:25px}.landscape #modal.profile-modal #modal-content{padding:0}
body.reduce-motion #message{animation:none;white-space:normal;text-align:center;font-size:26px}
@media(prefers-reduced-motion:reduce){button{transition:none}#message{animation:none;white-space:normal;text-align:center}}
