:root{--accent:#ff77e8;--secondary:#8c78ff;--background:#271039;--surface:#ffffff12;--line:#ffffff28;--text:#fff;--muted:#c6c5d3;--radius:22px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--secondary) 32%,transparent),transparent 48%),var(--background);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}main{width:min(1120px,calc(100% - 32px));margin:auto}.topbar,header,.stats,.round-tools,.controls,.game-actions,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar{padding:18px 0;border-bottom:1px solid var(--line);color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.14em}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand img{width:48px;height:48px;object-fit:cover;border-radius:13px;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 38%,transparent)}.brand span{color:#fff}header{padding:30px 0 21px}.eyebrow,small{font-size:.67rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}h1{margin:5px 0;font-size:clamp(2rem,6vw,3.8rem);line-height:1.02;letter-spacing:-.035em}header p{margin:6px 0;color:var(--muted);max-width:680px}.mascot{min-width:75px;height:75px;display:grid;place-content:center;border:1px solid color-mix(in srgb,var(--accent) 48%,transparent);border-radius:50%;background:var(--surface);color:var(--accent);font-size:2.8rem;text-align:center;text-shadow:0 0 20px currentColor}.mascot small{display:block;font-size:.48rem;letter-spacing:.1em;text-shadow:none}
.notice{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#ffffff09;color:#e5e2ee;font-size:.77rem}.notice b{color:var(--accent);letter-spacing:.1em}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:16px;margin:17px 0}.game-panel,.side-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff16,#ffffff08);box-shadow:0 18px 44px #0004}.game-panel{padding:19px}.game-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.64rem;font-weight:850;letter-spacing:.12em}.game-top strong{color:var(--accent)}.stage{min-height:300px;display:grid;align-content:center;justify-items:center;gap:15px;padding:17px 4px}.stage.animating{animation:stagePulse .76s ease-in-out}@keyframes stagePulse{50%{filter:brightness(1.25);transform:scale(.99)}}.board{width:min(100%,560px);min-height:175px;display:grid;align-content:center;justify-items:center;gap:12px}.instruction{max-width:620px;margin:0;color:#e2ddeb;text-align:center;font-size:.86rem}.result-box{min-height:42px;padding:9px 12px;border-radius:10px;background:#05040b55;color:#e4dfed;text-align:center;font-size:.78rem;font-weight:750}.result-box.good{color:#fff2a8;background:#c99b251b;border:1px solid #f6d66b60}.result-box.loss{color:#f7c4ca;background:#711d302b;border:1px solid #d77b8260}.controls{justify-content:center;flex-wrap:wrap;min-height:45px;margin:6px 0 11px}.choice,.pick-number,.mine-tile,.scratch-tile,.card-button{font:inherit;cursor:pointer}.choice{padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#ffffff13;color:#f7f3ff;font-size:.75rem;font-weight:850;letter-spacing:.04em;transition:transform .15s,background .15s,border-color .15s}.choice:hover,.choice.selected{transform:translateY(-2px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,#161322);color:#fff}.choice:disabled{opacity:.5;cursor:default}.game-actions{justify-content:center}.play,.reset{min-width:min(100%,300px);min-height:54px;padding:11px 18px;border:0;border-radius:10px;background:linear-gradient(110deg,var(--accent),var(--secondary));color:#130d20;font-weight:1000;letter-spacing:.11em;box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 30%,transparent);cursor:pointer;transition:transform .14s,filter .14s}.play:hover:not(:disabled),.reset:hover{filter:brightness(1.08);transform:translateY(-2px)}.play:disabled{opacity:.48;cursor:wait}.reset{margin-top:9px;background:#ffffff1b;color:#fff;border:1px solid var(--line)}.round-tools{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.65rem;font-weight:850;letter-spacing:.1em}.round-tools label{display:flex;align-items:center;gap:9px}.round-tools select{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#1a1428;color:#fff;font:750 .76rem system-ui}.session-note{font-size:.63rem;color:#aaa3b8;text-align:center}
.side{display:grid;align-content:start;gap:12px}.side-card{padding:15px 16px}.balance-card>p{margin:0;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.14em}.balance-card>strong{display:block;color:var(--accent);font-size:2rem;line-height:1.25}.balance-card>span{color:var(--muted);font-size:.68rem}.stat-line{display:flex;justify-content:space-between;gap:8px;padding-top:8px;margin-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.08em}.stat-line b{color:#fff}.side-card h2{margin:0 0 8px;color:var(--accent);font-size:.85rem;letter-spacing:.13em}.side-card p{margin:0;color:#d0cbd9;font-size:.73rem;line-height:1.55}.pay-guide{display:grid;gap:7px}.pay-guide li{display:flex;justify-content:space-between;gap:12px;color:#ddd7e6;font-size:.71rem}.pay-guide b{color:var(--accent)}details{margin:9px 0 17px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;color:#d0cbd9;font-size:.72rem}summary{cursor:pointer;color:var(--accent);font-weight:850}details p{margin:8px 0 0}.site-footer{flex-wrap:wrap;padding:15px 0 28px;border-top:1px solid var(--line);color:#a9a2b3;font-size:.65rem}.site-footer a{color:var(--accent);text-decoration:none}
.slot-grid{width:min(100%,440px);display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px;border:2px solid var(--accent);border-radius:12px;background:#080711aa}.slot-cell{min-height:82px;display:grid;place-content:center;justify-items:center;gap:2px;border:1px solid #fff4d079;border-radius:8px;background:linear-gradient(145deg,#fff2cb,#c89a48);color:#261420;cursor:pointer;transition:.18s}.slot-cell span{font-size:2.5rem;line-height:1}.slot-cell small{color:#371d24;font-size:.48rem}.slot-cell.winner,.slot-cell.held{transform:scale(1.04);box-shadow:0 0 22px var(--accent);border-color:#fff}.slot-cell.wild{background:linear-gradient(145deg,#fff7bd,#e5a738)}
.card-row{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.playing-card{width:59px;height:84px;display:grid;align-content:space-between;justify-items:center;padding:7px;border-radius:8px;background:linear-gradient(145deg,#fff,#e9e6ee);color:#241a2e;box-shadow:0 5px 12px #0005;font-weight:900}.playing-card b{justify-self:start}.playing-card span{font-size:1.65rem}.playing-card.red{color:#bd324a}.playing-card.back{place-content:center;background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;font-size:1.5rem}.playing-card.held{outline:3px solid var(--accent);transform:translateY(-7px)}.card-button{padding:0;border:0;background:none}.hands{width:min(100%,520px);display:grid;grid-template-columns:1fr 1fr;gap:18px}.hands section{display:grid;justify-items:center;gap:9px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#07061155}.hands section>b{color:var(--accent)}.card-table,.ladder-card{text-align:center;color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.12em}.hand-rank{color:var(--accent);font-weight:800}.ladder-track{display:flex;align-items:center;gap:12px;color:var(--accent);font-weight:900}.ladder-track span{padding:7px 11px;border:1px solid var(--line);border-radius:9px}.hi-lo-result{display:flex;align-items:center;gap:18px}.hi-lo-result>span{color:var(--accent);font-size:1.8rem}
.roulette-wheel,.prize-wheel{position:relative;width:190px;height:190px;display:grid;place-content:center;border:8px solid var(--accent);border-radius:50%;background:repeating-conic-gradient(var(--secondary) 0 9.7deg,#1b1527 9.7deg 19.4deg);box-shadow:0 0 0 5px #100c1c,0 0 35px color-mix(in srgb,var(--accent) 35%,transparent);text-align:center;transition:transform 1s cubic-bezier(.1,.8,.2,1)}.roulette-wheel span,.prize-wheel b{width:56px;height:56px;display:grid;place-content:center;margin:auto;border:2px solid var(--accent);border-radius:50%;background:#120d1c;color:#fff;font-size:1.4rem;font-weight:1000}.roulette-wheel div{margin-top:4px;color:#fff;font-size:.52rem;font-weight:900;letter-spacing:.1em}.roulette-wheel.spinning,.prize-wheel.spinning{transform:rotate(1100deg)}.number-track{width:100%;display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.number-track span{width:22px;height:24px;display:grid;place-content:center;border-radius:4px;font-size:.57rem}.number-track .red{background:#b42d48}.number-track .black{background:#201b2b}.number-track .green{background:#167355}.wheel-result{padding:20px 35px;border:1px solid var(--accent);border-radius:13px;background:#fff1; color:var(--accent);font-size:1.6rem;font-weight:950}.coin{width:150px;height:150px;display:grid;place-content:center;justify-items:center;border:9px ridge var(--accent);border-radius:50%;background:radial-gradient(circle,#fff3c2,var(--accent) 72%);color:#4c2b10;box-shadow:0 10px 30px #0008}.coin span{font-size:4rem;font-weight:900}.coin small{color:#5b3511}.coin.flipping{animation:coinflip .76s ease-in-out}@keyframes coinflip{50%{transform:rotateY(900deg) scale(.7)}}
.dice-row{display:flex;gap:13px;justify-content:center}.die{width:68px;height:68px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:10px;border:2px solid var(--accent);border-radius:13px;background:linear-gradient(145deg,#fff,#ddd6e9);box-shadow:0 8px 16px #0006;transform:rotate(-4deg)}.die i{width:9px;height:9px;place-self:center;border-radius:50%;background:#282139}.sum-label{color:var(--accent);font-weight:900;letter-spacing:.12em;text-align:center}.flight-track{position:relative;width:100%;height:180px;overflow:hidden;border-bottom:2px dashed var(--accent);background:linear-gradient(145deg,#ffffff12,transparent)}.flight-track .flight-path{position:absolute;left:10%;bottom:18%;width:75%;height:60%;border-top:3px dashed var(--secondary);transform:rotate(-25deg);transform-origin:left}.flight-track #rocket{position:absolute;left:9%;bottom:10%;font-size:2.2rem;transition:all .5s}.flight-track #rocket.launch{left:75%;bottom:72%;transform:rotate(-20deg)}.flight-track #factor{position:absolute;right:8px;top:8px;color:var(--accent);font-size:1.1rem}
.plinko-board{position:relative;width:min(100%,390px);padding:8px 12px 0;border:1px solid var(--line);border-radius:12px;background:#08071177}.plinko-pins{display:grid;gap:7px;justify-items:center}.peg-row{display:flex;gap:21px;justify-content:center}.peg-row i{width:5px;height:5px;border-radius:50%;background:var(--accent)}#plinko-ball{position:absolute;left:50%;top:0;color:#fff;font-size:1.1rem;transition:top .09s,left .09s;z-index:2}.bins{margin-top:12px;padding:8px 2px;border-top:1px solid var(--line);color:var(--accent);font-size:.57rem;font-weight:850;text-align:center;letter-spacing:.05em}
.pick-grid{width:min(100%,420px);display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pick-number{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:#ffffff12;color:#fff;font-weight:850}.pick-number.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:0 0 13px color-mix(in srgb,var(--accent) 36%,transparent)}.pick-number.drawn{outline:2px solid var(--secondary)}.pick-number.match{background:var(--accent);color:#17101e}.mine-grid,.scratch-grid{width:min(100%,360px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mine-tile,.scratch-tile{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#ffffff21,#ffffff09);color:#fff;font-size:1.5rem;font-weight:900;box-shadow:0 5px 12px #0004}.mine-tile.safe,.scratch-tile.revealed{background:linear-gradient(145deg,var(--accent),#fff2b4);color:#23142c}.mine-tile.mine{background:linear-gradient(145deg,#b83d54,#54152e)}.mine-tile:disabled{cursor:default}.scratch-tile{display:grid;place-content:center;gap:6px}.scratch-tile small{color:inherit;font-size:.46rem}
@media(max-width:800px){.layout{grid-template-columns:1fr}.side{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-card{grid-column:1/-1}}@media(max-width:560px){main{width:calc(100% - 20px)}.topbar{padding:12px 0;font-size:.58rem}.brand img{width:38px;height:38px}header{padding:20px 0 15px}.mascot{min-width:56px;height:56px;font-size:2rem}.game-panel{padding:12px}.stage{min-height:245px}.slot-cell{min-height:63px}.slot-cell span{font-size:2rem}.side{grid-template-columns:1fr}.balance-card{grid-column:auto}.hands{gap:7px}.playing-card{width:48px;height:70px}.choice{padding:8px 10px;font-size:.68rem}.round-tools{align-items:flex-start;flex-direction:column}.site-footer{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
