:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f8f2df;background:#070a12;font-synthesis:none;--gold: #ffd46b;--mint: #76e0c5;--panel: #101a2cef;--line: #33486f;--muted: #91a2c2}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 45% -10%,#314777 0,#11192b 34%,#070a12 72%)}button,input,select,textarea{font:inherit}main{width:min(1480px,96vw);margin:auto;padding:.7rem 0 2rem}.topbar,.brand,.panel-heading,.heading,.history-actions,.lab-actions{display:flex;align-items:center}.topbar{justify-content:space-between;gap:2rem;margin-bottom:.65rem}.brand{gap:.9rem}.brand img{width:64px;filter:drop-shadow(0 8px 15px #000a)}.brand p,.eyebrow{margin:0;color:var(--mint);font-size:.68rem;font-weight:900;letter-spacing:.18em}.brand h1{margin:0;color:var(--gold);font-size:clamp(2.2rem,5vw,3.8rem);line-height:.86}.config-status{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:.5rem;margin:0}.config-status div,.credit-readout div{padding:.55rem .75rem;border:1px solid var(--line);border-radius:.65rem;background:#0c1423}.config-status dt,.credit-readout dt{color:var(--muted);font-size:.62rem;letter-spacing:.12em}.config-status dd,.credit-readout dd{margin:.18rem 0 0;color:#fff;font-size:.82rem;font-weight:800;overflow-wrap:anywhere}.workspace{--game-column-width: 580px;display:grid;grid-template-columns:minmax(0,var(--game-column-width)) minmax(330px,390px);justify-content:center;align-items:start;gap:1rem}.game-column{display:grid;align-content:start;gap:.55rem;width:min(100%,var(--game-column-width))}.game-panel,.history-panel,.player-controls,.live-math,.math-lab{border:1px solid var(--line);border-radius:1.15rem;background:var(--panel);box-shadow:0 1.5rem 4rem #0007}.game-panel{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%;padding:.5rem}.reel-toolbar{display:flex;grid-column:1 / -1;justify-content:center;width:100%;padding:.1rem 0 .55rem}.reel-toolbar button{padding:.42rem .8rem;font-size:.66rem}.reel-toolbar .rules-button{min-width:180px;padding:.55rem 1rem;color:#07120f}.heading,.panel-heading{justify-content:space-between;gap:1rem;margin-bottom:.8rem}.heading h2,.panel-heading h2{margin:.2rem 0 0;font-size:1.35rem}.badges span{padding:.3rem .55rem;border:1px solid #6e5b9d;border-radius:999px;color:#d9c6ff;background:#261b3d;font-size:.65rem;font-weight:900;letter-spacing:.08em}.board{--board-gap: 5px;--board-padding: 7px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:minmax(0,1fr);gap:var(--board-gap);width:100%;padding:var(--board-padding);border:2px solid #7f68c9;border-radius:.8rem;background:#060b15;aspect-ratio:6/5;overflow:hidden;contain:layout paint;grid-column:1/-1;position:relative}.board[data-winning-groups]:after,.board[data-bathala-removal]:after,.board[data-scatter-result]:after,.board--completed-win:before{position:absolute;left:50%;z-index:8;width:max-content;max-width:90%;padding:.28rem .62rem;border:1px solid #ffd66b99;border-radius:999px;color:#fff2a8;background:#07101ee6;font-size:clamp(.55rem,1.1vw,.76rem);font-weight:900;letter-spacing:.07em;text-align:center;box-shadow:0 3px 14px #000b,0 0 16px #ffd66b42;content:attr(data-winning-groups);pointer-events:none;transform:translate(-50%)}.board[data-winning-groups]:after{top:.7rem}.board[data-scatter-result]:after{top:.7rem;border-color:#d7adffbb;color:#fff0a8;content:attr(data-scatter-result)}.board[data-bathala-removal]:after{top:.7rem;border-color:#7de7d1aa;color:#a7fff0;content:attr(data-bathala-removal)}.board--completed-win{box-shadow:inset 0 0 22px #ffd66b24,0 0 15px #ffd66b38}.board--completed-win:before{bottom:.7rem;content:attr(data-completed-win)}.reel{position:relative;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;border-radius:.52rem;contain:size layout paint}.reel-track{position:absolute;inset:0;display:grid;grid-auto-rows:var(--reel-cell-height, 1fr);gap:var(--board-gap);width:100%;min-width:0;min-height:0;height:100%;z-index:1}.win-connector-layer{position:absolute;z-index:4;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.win-connector{stroke:#ffe477;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 3px #ffc928) drop-shadow(0 0 7px #ffb000aa)}.board--win-focus .symbol:not(.symbol--winning):not(.symbol--scatter-winning):not(.symbol--multiplier-active){opacity:.5;filter:brightness(.5) saturate(.75);transition:opacity .11s ease-out,filter .11s ease-out}.symbol--winning{z-index:2;border-color:#fff3a0;animation:winning-pulse .7s ease-in-out infinite alternate;box-shadow:inset 0 0 0 2px #fff4a05c,inset 0 0 1rem #ffd66b36,0 0 .8rem #ffd66ba8,0 0 1.4rem var(--symbol-glow)}.symbol--scatter-winning,.symbol--multiplier-active{z-index:3;border-color:#fff3a0;filter:brightness(1.25) saturate(1.15);box-shadow:inset 0 0 0 2px #fff4a05c,0 0 .9rem #ffd66bc0,0 0 1.5rem var(--symbol-glow)}.symbol--removing{opacity:0;transform:scale(1.12,.55);transition:var(--symbol-remove-duration, .45s) ease-in}.symbol--bathala-removing{z-index:3;animation:bathala-removal var(--bathala-remove-duration, .5s) ease-in forwards}@keyframes winning-pulse{to{filter:brightness(1.38) saturate(1.12);transform:translateY(-2px) scale(1.055)}}@keyframes bathala-removal{45%{filter:brightness(1.6) saturate(.7);transform:scale(1.08)}to{filter:brightness(2);opacity:0;transform:translateY(-10px) scale(.72)}}.symbol{position:relative;display:grid;place-items:center;align-content:center;min-width:0;min-height:0;width:100%;max-width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--symbol-accent) 72%,#fff 8%);border-radius:.52rem;background:radial-gradient(circle at 35% 22%,color-mix(in srgb,var(--symbol-surface) 72%,white 28%),transparent 38%),linear-gradient(145deg,var(--symbol-surface),var(--symbol-shadow));color:var(--symbol-accent);font-weight:900;box-shadow:inset 0 0 0 2px #ffffff0c,inset 0 0 .8rem #0009,0 0 .55rem color-mix(in srgb,var(--symbol-glow) 35%,transparent)}.symbol:before{position:absolute;inset:10% 16%;border:1px solid color-mix(in srgb,var(--symbol-accent) 45%,transparent);opacity:.65;content:""}.symbol-icon{z-index:1;font-size:clamp(1.35rem,3vw,2.35rem);line-height:.92;min-width:0;max-width:100%;overflow:hidden;text-shadow:0 3px 5px #000b,0 0 10px var(--symbol-glow)}.symbol-label{position:absolute;right:.28rem;bottom:.16rem;z-index:2;padding:.06rem .2rem;border-radius:.2rem;color:#fffde8;background:#07101eb8;font-size:clamp(.46rem,.7vw,.62rem);letter-spacing:.08em}.symbol--high{border-width:2px;box-shadow:inset 0 0 0 2px #ffd86b24,inset 0 0 .9rem #0009,0 0 .7rem color-mix(in srgb,var(--symbol-glow) 52%,transparent)}.symbol--high:after{position:absolute;top:.2rem;left:50%;width:46%;height:2px;background:linear-gradient(90deg,transparent,#ffe490,transparent);content:"";transform:translate(-50%)}.symbol--special .symbol-icon{font-size:clamp(1.45rem,3.2vw,2.55rem)}.symbol--shape-diamond:before{transform:rotate(45deg);border-radius:.15rem}.symbol--shape-circle:before{border-radius:50%}.symbol--shape-hexagon:before{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#ffffff0b}.symbol--shape-triangle:before{clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffffff0d}.symbol--shape-crest:before{border-radius:45% 45% 18% 18%}.symbol--shape-crown:before,.symbol--shape-star:before,.symbol--shape-shield:before,.symbol--shape-lotus:before{border-width:2px;border-radius:40% 40% 22% 22%}.symbol--shape-scatter{border-style:double;border-width:3px}.symbol--shape-multiplier{color:#fff7b8}.symbol--shape-multiplier:before{border:2px solid #fff09a;border-radius:50%}.feature-status{grid-column:1 / -1;width:100%;margin-top:.5rem;padding:.42rem .65rem;border:1px solid #a66fe0;border-radius:.55rem;color:#fff1a8;background:#28163fd9;text-align:center;font-size:.72rem;font-weight:900;letter-spacing:.08em}.resolution-strip{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.75rem;width:100%;min-height:3.4rem}.resolution-metric{display:grid;align-content:center;gap:.18rem;min-width:0;padding:.35rem .6rem;border-radius:.5rem;background:#16233a;text-align:center}.resolution-metric span{color:var(--muted);font-size:.6rem;font-weight:800;letter-spacing:.08em}.resolution-metric strong{min-width:0;color:#dce6f7;font-size:.75rem;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.message{display:flex;grid-column:1 / -1;align-items:center;justify-content:center;min-height:2rem;margin:.75rem 0 0;color:#b8c6df;font-size:.88rem;width:100%;text-align:center;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.history-panel{display:flex;flex-direction:column;height:min(803px,calc(100vh - 105px));max-height:803px;padding:1rem;min-height:0}.session-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;padding:.6rem;border:1px solid #293a59;border-radius:.75rem;background:#0a1220}.session-summary div{display:flex;justify-content:space-between;gap:.5rem}.session-summary .wide{grid-column:1/-1}.session-summary span{color:var(--muted);font-size:.69rem}.session-summary strong{font-size:.72rem}.history-list{display:grid;align-content:start;flex:1;gap:.42rem;margin:.65rem 0;min-height:0;overflow-y:auto;scrollbar-color:#405579 #0a1220;scrollbar-width:thin}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-track{border-radius:999px;background:#0a1220}.history-list::-webkit-scrollbar-thumb{border-radius:999px;background:#405579}.empty-state{padding:2rem .5rem;text-align:center;color:#71819e;font-size:.8rem}.history-row{border:1px solid #293a59;border-radius:.7rem;background:#0c1525}.history-row summary{display:grid;gap:.5rem;padding:.55rem .65rem;cursor:pointer;list-style:none}.history-row summary::-webkit-details-marker{display:none}.history-summary-main{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0}.history-summary-main span,.history-summary-main strong{display:flex;align-items:baseline;gap:.45rem}.history-row summary .history-identity{display:grid;min-width:0}.history-identity>span{display:flex}.history-identity em{color:#a8b7cf;font-size:.6rem;font-style:normal;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.history-row summary small{color:var(--muted);font-size:.65rem;font-weight:600}.history-row.is-win .history-summary-main>strong{color:var(--gold)}.history-mechanics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;width:100%}.history-mechanics>span{display:grid;align-content:start;gap:.1rem;min-width:0;padding:.3rem .36rem;border-radius:.38rem;background:#142139;text-align:center}.history-mechanics small{font-size:.52rem;letter-spacing:.06em}.history-mechanics b{min-width:0;font-size:.62rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.history-row.is-feature{border-color:#8e62c8}.history-row.is-big-win{box-shadow:inset 3px 0 #ffbf45}.badges{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 .65rem .5rem}.badges span{padding:.16rem .35rem;font-size:.52rem}.spin-detail{display:grid;gap:.25rem;margin:0;padding:.6rem;border-top:1px solid #293a59}.spin-detail div{display:flex;justify-content:space-between;gap:.5rem}.spin-detail dt{color:var(--muted);font-size:.66rem}.spin-detail dd{margin:0;text-align:right;font-size:.68rem}.winning-outcomes{padding:0 .6rem .65rem;border-top:1px solid #293a59}.winning-outcomes h4{margin:.6rem 0 .4rem;color:var(--gold);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.outcome-round{margin-top:.4rem;padding:.42rem;border-radius:.42rem;background:#121f34}.outcome-round h5{margin:0 0 .28rem;color:var(--mint);font-size:.61rem}.outcome-round p{display:flex;justify-content:space-between;gap:.45rem;margin:.18rem 0 0;font-size:.62rem}.outcome-round p span{color:#a8b7cf;text-align:right}.history-actions{gap:.5rem}.history-actions button{flex:1;padding:.55rem .4rem;font-size:.68rem}.player-controls{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(210px,1.4fr);align-items:end;gap:.5rem;width:100%;padding:.7rem}.credit-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;grid-column:1/-1}.credit-readout dd{font-size:1.15rem}.credit-readout div,.credit-readout dt,.credit-readout dd,.credit-readout small{text-align:center}.credit-readout small{display:block;color:var(--gold);font-size:.65rem}.player-controls label,.math-lab label{display:grid;gap:.3rem;color:var(--muted);font-size:.7rem;font-weight:700}.player-controls select,.math-lab input,.math-lab select,.math-lab textarea{width:100%;border:1px solid #415678;border-radius:.5rem;color:#fff;background:#0b1423;padding:.58rem}.spin-wrap{display:grid;gap:.28rem}.game-spin-wrap{grid-column:1 / -1;justify-items:center;width:100%;margin-top:.7rem}.speed-control{display:grid;grid-template-columns:repeat(3,1fr);gap:.28rem;margin:0;padding:0;border:0}.speed-control legend{grid-column:1/-1;margin-bottom:.3rem;padding:0;color:var(--muted);font-size:.7rem;font-weight:700}.speed-control label{position:relative;display:block}.speed-control input{position:absolute;width:1px;height:1px;opacity:0}.speed-control span{display:grid;place-items:center;min-height:2.15rem;border:1px solid #415678;border-radius:.48rem;color:#c6d2e6;background:#0b1423;font-size:.72rem;font-weight:900;cursor:pointer}.speed-control input:checked+span{border-color:var(--gold);color:#19130a;background:var(--gold);box-shadow:0 0 .7rem #ffd46b55}.speed-control input:focus-visible+span{outline:3px solid var(--mint);outline-offset:2px}button{border:0;border-radius:999px;color:#172033;background:var(--gold);box-shadow:0 4px #9b631f;padding:.7rem 1rem;font-weight:900;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.08)}button:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.spin-button{width:190px;min-width:190px;font-size:1.1rem}.spin-button.is-stop{color:#fff;background:#bc4553;box-shadow:0 4px #67242c}.secondary{color:#0e1728;background:var(--mint);box-shadow:0 4px #347e70}#bet-select,#auto-select{min-width:150px}.tertiary{color:#dbe5f6;background:#263653;box-shadow:0 4px #111a2a}.live-math,.math-lab{margin-top:1rem;overflow:hidden}.live-math summary,.math-lab>summary{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;cursor:pointer;color:var(--gold);font-weight:900}.live-math summary span,.math-lab summary small{color:var(--muted);font-size:.68rem;font-weight:600}.live-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;padding:0 1rem 1rem}.live-grid div{padding:.6rem;border-radius:.55rem;background:#0b1423}.live-grid span{display:block;color:var(--muted);font-size:.62rem}.live-grid strong{font-size:.8rem}.math-lab summary>span{display:flex;align-items:center;gap:.6rem}.math-lab summary em{padding:.2rem .45rem;border-radius:999px;color:var(--mint);background:#183730;font-size:.58rem;font-style:normal}.math-lab summary em.dirty{color:#161008;background:var(--gold)}.lab-body{padding:0 1rem 1rem}.validation-errors{margin:.7rem 0;padding:.65rem;white-space:pre-wrap;border:1px solid #ba5360;border-radius:.5rem;color:#ffd4d8;background:#391c25;font-size:.75rem}.math-lab form{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.math-lab fieldset{display:grid;align-content:start;gap:.55rem;margin:0;padding:.75rem;border:1px solid #34496e;border-radius:.7rem}.math-lab legend{padding:0 .35rem;color:#fff;font-weight:800}.math-lab label span{font-size:.6rem;font-weight:500}.math-lab .reference{color:var(--mint)}.math-lab .advanced{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.math-lab .advanced textarea{min-height:300px;max-height:700px;resize:vertical;tab-size:2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.45;padding:.75rem;overflow:auto}.lab-actions{justify-content:center;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}.lab-actions button{font-size:.72rem}.rules-dialog{width:min(900px,92vw);max-width:900px;max-height:85vh;margin:auto;padding:0;overflow:hidden;border:1px solid #526b98;border-radius:1rem;color:#f8f2df;background:#0d1728;box-shadow:0 2rem 6rem #000d}.rules-dialog::backdrop{background:#03060bd9;backdrop-filter:blur(4px)}.rules-modal{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:85vh}.rules-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid #33486f;background:#111e34f5}.rules-header h2{margin:.18rem 0 0}.rules-header button{padding:.48rem .8rem;font-size:.66rem}.rules-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem;overflow-y:auto;scrollbar-color:#405579 #0a1220;scrollbar-width:thin}.rules-section{padding:.8rem;border:1px solid #2e4266;border-radius:.7rem;background:#0a1322}.rules-section h3{margin:0 0 .48rem;color:var(--gold);font-size:.86rem;letter-spacing:.07em;text-transform:uppercase}.rules-section p{margin:0;color:#b5c2d8;font-size:.75rem;line-height:1.55}.rules-section:has(.rules-table-wrap),.rules-section:has(.rules-symbol-grid){grid-column:1/-1}.rules-symbol-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}.rules-symbol-card{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:.4rem;min-width:0}.rules-symbol-card .symbol{width:48px;height:48px}.rules-symbol-card .symbol-icon{font-size:1.35rem}.rules-symbol-card .symbol-label{display:none}.rules-symbol-card>span{display:grid;min-width:0}.rules-symbol-card strong{font-size:.72rem}.rules-symbol-card small{color:#7486a6;font-size:.52rem}.rules-table-wrap{overflow-x:auto}.rules-caption{margin-bottom:.5rem!important}.rules-paytable{width:100%;border-collapse:collapse;font-size:.68rem;white-space:nowrap}.rules-paytable th,.rules-paytable td{padding:.38rem .48rem;border:1px solid #2e4266;text-align:center}.rules-paytable th{color:#f9df93;background:#14233a}.rules-multiplier-grid{display:flex;flex-wrap:wrap;gap:.3rem}.rules-multiplier-grid span{padding:.25rem .42rem;border:1px solid #735da0;border-radius:999px;color:#fff0a4;background:#24183a;font-size:.65rem;font-weight:800}.rules-technical{margin-top:.55rem}.rules-technical summary{color:var(--mint);font-size:.68rem;cursor:pointer}.rules-technical p{margin-top:.4rem;overflow-wrap:anywhere}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.game-column{justify-self:center}.history-panel{order:2;height:auto;max-height:none}.history-list{max-height:460px}.player-controls{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(210px,1.4fr)}.credit-readout{grid-column:1/-1}.live-grid{grid-template-columns:repeat(4,1fr)}.math-lab form{grid-template-columns:1fr 1fr}.math-lab .advanced{grid-column:1/-1;grid-template-columns:1fr 1fr}.rules-symbol-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){main{width:min(96vw,620px)}.topbar{align-items:flex-start;flex-direction:column}.config-status{width:100%;grid-template-columns:1fr}.workspace{display:block}.message{text-align:center}.history-panel{margin-top:1rem}.player-controls{grid-template-columns:1fr 1fr}.credit-readout,.speed-control{grid-column:1/-1}.live-grid,.math-lab form,.math-lab .advanced,.rules-content{grid-template-columns:1fr}.rules-section:has(.rules-table-wrap),.rules-section:has(.rules-symbol-grid){grid-column:1}.rules-symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board{font-size:.8rem}.lab-actions button{width:100%}}@media(max-width:420px){.player-controls{grid-template-columns:1fr}.player-controls>label,.speed-control{grid-column:1}#bet-select,#auto-select{min-width:0}.credit-readout dd{font-size:clamp(.72rem,3.8vw,1rem);overflow-wrap:anywhere}.resolution-strip{grid-template-columns:1fr}.resolution-metric{grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr);align-items:center;text-align:left}.resolution-metric strong{text-align:right}}@media(prefers-reduced-motion:reduce){.symbol{box-shadow:inset 0 0 .55rem #0007}.symbol--winning,.symbol--scatter-winning,.symbol--multiplier-active,.symbol--bathala-removing,.board--completed-win{animation:none}}