:root{color-scheme:dark;font-family:Inter,"Microsoft JhengHei",system-ui,sans-serif;color:#edf2ec;background:#101714;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #3b4c43;background:#233229;color:inherit;border-radius:6px;min-height:44px;padding:9px 15px}button:hover{filter:brightness(1.18)}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f0d66e;outline-offset:3px}main{max-width:950px;margin:auto;padding:24px 28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.brand{display:flex;align-items:center;gap:13px}.clover{font-size:49px;color:#dfc467}h1{font-size:24px;margin:0;font-weight:850}.brand div>span{color:#95aaa0;font-size:12px}nav{display:flex;gap:8px}nav button{width:44px;font-size:22px;padding:0}.game{max-width:800px;margin:auto}.pots{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.pot{border-bottom:3px solid var(--accent);padding:12px 6px;text-align:center;background:#1b2721;opacity:.5;transition:opacity .3s,background .3s}.pot.active{opacity:1;background:color-mix(in srgb,var(--accent) 20%,#17211c)}.pot strong{font-size:17px;color:var(--accent);display:block}.pot span{font-size:12px;color:#d5ddd7}.jackpots{display:flex;justify-content:space-between;gap:8px;margin:19px 0 15px;font-size:10px;color:#acbcb2}.jackpots b{font-size:14px;color:#e4ca74;display:block}.stage-bar{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:9px;color:#becdc5}.stage-bar #phase{font-weight:800;color:#efce6e}.board-wrap{position:relative}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px;border:1px solid #65806c;border-radius:8px;background:#0b100d;box-shadow:0 15px 45px #0004}.cell{position:relative;aspect-ratio:1.42;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#1e3027;border-radius:4px;min-width:0;overflow:hidden}.cell.regular{font-size:35px;font-weight:900;color:var(--symbol)}.cell .symbol-name{font-size:10px;color:#bbcec1;font-weight:500}.coin-face{border:2px solid #e8c865;box-shadow:inset 0 0 0 3px #614c22;background:#b18b2c;color:#fff8d2;border-radius:50%;width:70%;height:86%;max-width:93px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900}.coin-face b{font-size:23px;max-width:95%;overflow-wrap:anywhere;line-height:1.1}.coin-face small{font-size:9px;line-height:1.6}.coin-face.collect{background:#206bb8;border-color:#7ad4ff}.coin-face.multi{background:#803aaa;border-color:#cf94fa}.coin-face.mystery{background:#ad3f45;border-color:#ff949b}.coin-face.super{background:#b9a355;color:#13271b;border-color:#fff4aa}.coin-face.rainbow{background:conic-gradient(#a33d41,#c5a72c,#36a78d,#466bb0,#9948b4,#a33d41)}.cell.winning{box-shadow:inset 0 0 0 3px #f4d878;background:#3c4426}.cell.fresh{animation:land .45s ease-out}.cell.boost{background:#322340;border:1px solid #9561b7}.empty-multi{font-size:28px;font-weight:900;color:#c991f1}.locked-mark{position:absolute;right:5px;top:4px;font-size:10px;color:#a2b1a7}.message{min-height:40px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:14px;color:#edce79;padding:8px}.meters{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #34463b;border-bottom:1px solid #34463b;padding:15px 0}.meters>div{display:flex;flex-direction:column;gap:5px}.meters>div:nth-child(2){text-align:center}.meters>div:last-child{text-align:right;align-items:flex-end}.meters span{font-size:12px;color:#9eafa4}.meters strong{font-size:24px;font-variant-numeric:tabular-nums}.meters select{font-size:19px;background:#25372c;border:1px solid #455f4d;border-radius:4px;padding:3px 9px;width:104px}.controls{display:flex;align-items:center;justify-content:center;gap:32px;padding:19px 0}.toggle{display:flex;align-items:center;gap:6px;font-size:14px;color:#bbc8bf;min-width:70px}input[type=checkbox]{accent-color:#dfc46d;width:18px;height:18px}.spin{border-radius:50%;width:88px;height:88px;background:#e8cb6b;color:#18271d;border:4px solid #5a5433;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.spin>span{font-size:40px;line-height:1}.spin b{font-size:13px}.auto{display:flex;gap:8px;align-items:center;min-width:83px}.auto.on{color:#f2cf65;border-color:#e0c46a}.history{max-width:800px;margin:8px auto 0;border-top:1px solid #34463b;padding-top:15px}.history>div{display:flex;justify-content:space-between;align-items:center}.history h2{font-size:14px;margin:0}.history span{font-size:11px;color:#81978a}.history ol{list-style:none;margin:10px 0;padding:0;max-height:125px;overflow:auto;font-size:13px;color:#afc0b4;line-height:1.8}footer{text-align:center;font-size:11px;color:#71877a;margin-top:24px}.wheel-panel{position:absolute;inset:0;background:#101a16f5;border:1px solid #a69851;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;gap:5px}.wheel-panel[hidden]{display:none}.wheel-panel h2{margin:0;font-size:18px;color:#f0d171}.wheel-wrap{position:relative;width:min(60%,260px);aspect-ratio:1}canvas{width:100%;height:100%;display:block;transition:transform 1.5s cubic-bezier(.15,.7,.1,1)}.pointer{position:absolute;top:-6px;left:calc(50% - 9px);z-index:2;color:#fff2a2;font-size:23px}.wheel-panel p{margin:0;font-size:14px}.primary{background:#ddc16a;color:#17271c;font-weight:800;border:0;padding:11px 22px}.wheel-panel .primary{min-height:36px;padding:7px 18px}.spinning .cell{animation:roll .14s infinite alternate}.spinning .coin-face,.spinning .symbol-name{opacity:.3}dialog{border:1px solid #526858;border-radius:8px;background:#18251e;color:#e7eee9;width:min(680px,calc(100% - 24px));max-height:85vh;padding:22px}dialog::backdrop{background:#000a}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{font-size:21px;margin:0}.dialog-head button{font-size:24px;padding:2px 12px}.tabs{display:flex;gap:6px;margin:20px 0}.tabs button{font-size:14px;padding:8px 12px;flex:1}.tabs .selected{background:#dfc36a;color:#1b2d20}.tabs+article,article{font-size:15px;line-height:1.8}article h3{font-size:16px;color:#e5c871;margin:18px 0 6px}article p{margin:0 0 12px}article li{margin-bottom:10px}article[hidden]{display:none}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:7px;text-align:right;border-bottom:1px solid #3b5142}td:first-child,th:first-child{text-align:left}.line-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mini-line{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.mini-line i{aspect-ratio:1;background:#354038}.mini-line i.lit{background:#e5c95e}.line-number{font-size:12px;display:block;text-align:center}.feature-checks{display:grid;gap:16px;margin:23px 0}.feature-checks label{display:flex;align-items:center;gap:10px}.settled .cell{filter:brightness(1.15)}@keyframes land{from{transform:scale(.5);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes roll{from{transform:translateY(-2px);filter:blur(1px)}to{transform:translateY(2px);filter:blur(3px)}}@media(max-width:600px){main{padding:16px 12px}header{margin-bottom:18px}h1{font-size:19px}.clover{font-size:38px}.brand{gap:8px}nav{gap:4px}nav button{width:36px;min-height:38px}.pot strong{font-size:13px}.pots{gap:5px}.pot{padding:9px 2px}.pot span{font-size:10px}.jackpots{gap:4px;margin:13px 0}.jackpots b{font-size:12px}.jackpots span{font-size:9px}.board{padding:5px;gap:3px}.cell{aspect-ratio:1}.cell.regular{font-size:28px}.cell .symbol-name{font-size:9px}.coin-face{width:89%;height:86%}.coin-face b{font-size:17px}.coin-face small{font-size:8px}.meters strong{font-size:21px}.wheel-panel h2{font-size:15px}.wheel-wrap{width:48%;max-width:180px}.wheel-panel{gap:3px}.wheel-panel p{font-size:12px}.wheel-panel .primary{min-height:30px;font-size:12px;padding:5px 12px}.controls{gap:23px;padding:15px 0}.spin{width:78px;height:78px}.line-list{grid-template-columns:repeat(4,1fr)}.tabs button{padding:8px 5px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.wheel-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:1fr auto 1fr;padding:18px;gap:12px;justify-items:center}.wheel-panel h2{grid-column:2;grid-row:1;align-self:end;text-align:center}.wheel-wrap{grid-column:1;grid-row:1/4;width:100%;max-width:250px;justify-self:center}.wheel-panel p{grid-column:2;grid-row:2;text-align:center}.wheel-panel .primary{grid-column:2;grid-row:3;align-self:start;max-width:100%}@media(max-width:600px){.wheel-panel{padding:12px;gap:8px}.wheel-wrap{width:100%;max-width:170px}.wheel-panel h2{font-size:16px}.wheel-panel .primary{min-height:38px;font-size:14px}.wheel-panel p{font-size:13px}}