:root{font-family:Georgia,'Times New Roman',serif;color:#163e36;background:#f6f3e9;font-synthesis:none;--accent:#326a50;--light:#ecf2dc;--gold:#bd9142;--ink:#163e36;--muted:#758476;--frame:#f9f6e8}*{box-sizing:border-box}body{margin:0;min-height:100vh;position:relative}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #db9b37;outline-offset:4px}button{transition:background .2s,transform .2s}button:hover:not(:disabled){transform:translateY(-1px)}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.landscape{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 15%,#efe7c84f,transparent 50%)}.orb{position:absolute;width:260px;height:260px;border-radius:50%;background:#ebd79840;right:-80px;top:20%}.hill{position:absolute;width:1100px;height:650px;border-radius:50%;background:#d9e2ca44;bottom:-450px;left:-350px;transform:rotate(-15deg)}.h2{left:auto;right:-450px;bottom:-350px;background:#b3cbbd26}.sprig{position:absolute;color:#b79b5850;font-size:40px}.s1{top:25%;left:2%}.s2{right:3%;top:64%;font-size:80px}.s3{right:10%;top:17%;font-size:17px}header{max-width:1460px;margin:auto;padding:25px 42px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #234e351b;gap:20px}.brand{text-decoration:none;color:inherit;display:flex;gap:11px;align-items:center;font:600 17px/1.5 system-ui,sans-serif;letter-spacing:3px}.brand-icon{font-size:44px;line-height:1;color:var(--accent);font-weight:400}.brand small{display:block;font:9px system-ui,sans-serif;letter-spacing:2.2px;color:#7b8579}.top-actions{display:flex;align-items:center;gap:9px;font:12px system-ui,sans-serif}.top-actions button{border:1px solid #28514028;background:transparent;border-radius:30px;padding:10px 15px;color:var(--ink)}#account{background:#e5e9dc}#preview{font-size:9px;letter-spacing:1px;color:#7b765c}main{max-width:1376px;padding:0 32px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 26px}.eyebrow{font:600 10px/1.5 system-ui,sans-serif;letter-spacing:2px;color:#7a8574}h1{font-size:clamp(25px,2.65vw,38px);font-weight:400;margin:9px 0 0;letter-spacing:-1px}h1 em{color:var(--accent);font-weight:400}.daily{display:flex;gap:12px;align-items:center}.gift{font-size:36px;color:#ba9146}.daily b{display:block;font-size:15px;font-weight:400}.daily div>span{display:block;font:11px/1.7 system-ui,sans-serif;color:#788273;margin-top:4px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.cabinet{border-radius:24px;background:linear-gradient(145deg,#fffdf5,#f3efdccc);border:1px solid #d5c69d;padding:23px 33px 0;box-shadow:0 14px 38px #4055330b,inset 0 0 0 6px #ffffff60;position:relative;overflow:hidden}.cabinet-heading{display:flex;justify-content:space-between;font:9px system-ui,sans-serif;letter-spacing:1.8px;color:#91815c}.cost{color:#78806b}.cabinet h2{font-size:clamp(29px,3vw,43px);font-weight:400;text-align:center;margin:15px 0 3px;letter-spacing:-1px}.cabinet>p{text-align:center;font-style:italic;color:#879078;font-size:14px;margin:0 0 22px}.reel-frame{position:relative;border:1px solid #bba46c;border-radius:15px;padding:13px;background:linear-gradient(135deg,#bfa56b,#f4e7b7 24%,#c4ab71 55%,#f0dfad);box-shadow:0 6px 0 #c3b38260,inset 0 0 0 4px #f4e8bc;max-width:680px;margin:auto}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#344f3333;border-radius:8px;overflow:hidden;padding:1px}.reel{aspect-ratio:1.12;background:linear-gradient(#e4e8d8,#fffef8 25%,#fffef8 72%,#e7e9dc);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 3px 12px #253c2918}.reel:before,.reel:after{content:'';height:1px;background:#55775516;position:absolute;left:0;right:0;top:14%}.reel:after{top:auto;bottom:14%}.reel svg{width:65%;height:65%;filter:drop-shadow(0 6px 2px #57453314)}.pay-marker{position:absolute;top:43%;color:#9a7134;font-size:25px;z-index:2}.pay-marker.left{left:0}.pay-marker.right{right:0}.reel-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:8px;color:#36503d;font:10px system-ui,sans-serif;pointer-events:none}.reels.spinning svg{animation:tumble .28s linear infinite;filter:blur(3px);opacity:.65}.reels.spinning .reel:nth-child(2) svg{animation-delay:-.12s}.reels.spinning .reel:nth-child(3) svg{animation-delay:-.2s}@keyframes tumble{0%{transform:translateY(-120%)}100%{transform:translateY(120%)}}.outcome{text-align:center;min-height:75px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px 0}.outcome strong{font-weight:400;font-size:19px}.outcome span{font:11px/1.6 system-ui,sans-serif;color:#7a8574}.outcome.win strong{color:#a77524}.play-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:16px;max-width:620px;margin:0 auto 20px}.balance,.best{text-align:center}.balance>span,.best>span{font:9px system-ui,sans-serif;letter-spacing:1.8px;color:#798373}.balance strong,.best strong{display:block;font-size:37px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums}.balance small,.best small{font:10px system-ui,sans-serif;color:#8c927e}.best strong{color:#b18a40}.spin-button{border:1px solid #23583c;border-radius:13px;color:#fff8de;background:linear-gradient(145deg,#397958,#22503c);box-shadow:0 5px 0 #173e30,0 8px 15px #16402e20;min-height:74px;padding:10px 14px}.spin-button>span{display:block;font:600 19px system-ui,sans-serif;letter-spacing:2px}.spin-button>small{font:10px system-ui,sans-serif;display:block;margin-top:6px;color:#d3dfc2}.spin-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #173e30}.cabinet-foot{border-top:1px solid #9e987528;display:flex;justify-content:space-between;gap:10px;padding:13px 0;font:10px system-ui,sans-serif;color:#8a927d}.cabinet-foot button{border:0;background:none;color:#557660;font:inherit;padding:0}.guide{padding:23px 21px;border:1px solid #a2b09740;border-radius:20px;background:#f0f2e7aa}.guide .eyebrow{font-size:8px;letter-spacing:1.6px}.guide h3{font-size:28px;font-weight:400;margin:10px 0}.guide p{font:11px/1.7 system-ui,sans-serif;color:#798773;margin:0}.prizes{display:grid;gap:5px;margin:20px 0 16px}.prize-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid #768b6618}.prize-row:last-child{background:#e7dbb558;border:1px solid #c7a75e50;border-radius:8px}.prize-symbols{display:flex;align-items:center;gap:3px}.prize-symbols svg{width:26px;height:26px}.prize-row b{font:600 13px system-ui,sans-serif;color:#6f754e}.prize-row small{font:9px system-ui,sans-serif;color:#859078}.bonus-box{display:flex;gap:9px;align-items:center;padding:11px 0;border-top:1px solid #87927330}.bonus-icon svg{width:34px;height:34px}.bonus-box b{font:600 11px system-ui,sans-serif}.bonus-box p{font-size:10px;line-height:1.5;margin-top:4px}.pair-note{font-size:10px!important}.text-button{border:0;background:none;font:11px system-ui,sans-serif;color:#4e7158;margin-top:13px;padding:0;text-decoration:underline;text-underline-offset:4px}.selection-label{display:flex;justify-content:space-between;margin:25px 0 12px;gap:12px}.selection-label>span:last-child{font:11px system-ui,sans-serif;color:#8a927f}.machine-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.machine-card{display:flex;gap:13px;text-align:left;align-items:center;padding:12px;border:1px solid #9baa8b40;border-radius:13px;background:#fbfcf480;color:#234d3a;min-width:0}.machine-card.selected{border-color:#6f8f65;background:#eef2e2;box-shadow:0 0 0 2px #789f6920}.machine-card small{display:block;font:8px system-ui,sans-serif;letter-spacing:1px;color:#818c78}.machine-card b{font-size:18px;font-weight:400;display:block;margin:5px 0}.machine-card em{font:10px system-ui,sans-serif;color:#86927b}.mini-art{display:block;position:relative;width:67px;height:65px;border-radius:9px;flex-shrink:0;overflow:hidden;background:#e5eacb}.mini-art svg{width:50px;height:50px;position:absolute;left:1px;bottom:1px;transform:rotate(-13deg)}.mini-art svg+svg{width:38px;height:38px;right:0;left:auto;top:0;transform:rotate(10deg)}.cosmos-art{background:#dedbeb}.lagoon-art{background:#d5e8e0}.select-arrow{margin-left:auto;color:#829475}footer{max-width:1376px;margin:21px auto 0;padding:0 32px 22px;display:flex;justify-content:space-between;gap:12px;font:10px/1.6 system-ui,sans-serif;color:#929783}footer a{color:#74856c;text-decoration:none}dialog{border:1px solid #bcba9a;border-radius:20px;padding:32px;max-width:480px;width:calc(100% - 30px);max-height:90vh;background:#fbf9ef;color:#234d3a;box-shadow:0 25px 100px #142d3750}dialog::backdrop{background:#172f2b99;backdrop-filter:blur(5px)}dialog h2{font-weight:400;font-size:32px;margin:14px 0}dialog p,dialog li{font:13px/1.7 system-ui,sans-serif;color:#72816d}dialog li{margin:10px 0}dialog h3{font-weight:400}dialog .close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;color:#72816d}form label{display:block;font:12px system-ui,sans-serif;margin-top:15px}input{display:block;width:100%;border:1px solid #adbba1;border-radius:8px;background:#fffef8;padding:13px;font:14px system-ui,sans-serif;margin-top:7px;color:#274d38}form button{width:100%;padding:13px;border-radius:8px;font:13px system-ui,sans-serif;margin:5px 0}.primary{background:#326a50;color:#fff7df;border:1px solid #326a50}.secondary{background:transparent;color:#326a50;border:1px solid #aebb9f}form small{display:block;font:10px/1.7 system-ui,sans-serif;color:#899580;margin-top:12px}#auth-error,#error{color:#a1443d;font:12px/1.6 system-ui,sans-serif}#error{background:#f9e8db;border:1px solid #d9b9a3;padding:12px;border-radius:8px;margin-bottom:15px}.fine{font-size:11px!important}.odds-row{padding:10px 0;border-bottom:1px solid #bdc3b2;font:12px/1.7 system-ui,sans-serif}.odds-row b{display:block}.history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #b5bda730;padding:12px 0;font:11px/1.6 system-ui,sans-serif}.history-item svg{width:27px;height:27px}.history-item strong{display:block}.history-item small{display:block;color:#8a927f}.history-item .history-result{text-align:right}#celebration{position:absolute;inset:0;pointer-events:none;overflow:hidden}#celebration i{position:absolute;left:var(--x);top:40%;width:7px;height:11px;background:var(--c);animation:confetti 1.7s ease-out forwards;animation-delay:var(--d)}@keyframes confetti{from{transform:translateY(0) rotate(0);opacity:1}to{transform:translate(var(--dx),280px) rotate(500deg);opacity:0}}
body[data-theme=cosmos]{--accent:#756499;--light:#e9e3f0;--ink:#45415c;background:#efedf4;color:#45415c}body[data-theme=cosmos] .cabinet{background:linear-gradient(145deg,#f8f5ff,#eae5f3);border-color:#b7a9c8}body[data-theme=cosmos] .guide{background:#e9e5f0aa}body[data-theme=cosmos] .spin-button{background:linear-gradient(145deg,#80709e,#51436f);border-color:#51436f;box-shadow:0 5px 0 #392d54}body[data-theme=cosmos] .reel{background:linear-gradient(#dfdbea,#fffcff 25%,#fffcff 72%,#e5dfee)}body[data-theme=cosmos] .machine-card.selected{background:#e4ddee;border-color:#9984b4}body[data-theme=lagoon]{--accent:#377f85;--ink:#23565a;background:#eef4ef;color:#23565a}body[data-theme=lagoon] .cabinet{background:linear-gradient(145deg,#f9fff6,#e4f0e9);border-color:#9ebdb0}body[data-theme=lagoon] .guide{background:#dfede5aa}body[data-theme=lagoon] .spin-button{background:linear-gradient(145deg,#4b9492,#2a656b);border-color:#2a656b;box-shadow:0 5px 0 #1c4e51}body[data-theme=lagoon] .machine-card.selected{background:#deeee6;border-color:#83a99a}body[data-theme=lagoon] .reel{background:linear-gradient(#d5e6e2,#fdfff9 25%,#fdfff9 72%,#daebe4)}
@media(min-width:1500px){.intro{margin-top:45px}.cabinet{padding-top:30px}.cabinet h2{margin-top:20px}.game-layout{grid-template-columns:minmax(0,1fr) 310px}.guide{padding:30px}.prize-row{padding:8px}.machine-options{gap:20px}}
@media(max-width:1000px){header{padding:20px 24px}.daily{display:none}main{padding:0 22px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.cabinet{padding:21px 20px 0}.guide{padding:20px 15px}.machine-card{gap:8px}.mini-art{width:45px;height:50px}.machine-card em{display:none}.machine-card b{font-size:16px}.machine-card small{font-size:7px}.brand{font-size:14px;letter-spacing:2px}.best strong,.balance strong{font-size:32px}}
@media(max-width:760px){.game-layout{grid-template-columns:1fr}.guide{display:grid;grid-template-columns:1fr 1.2fr;gap:10px 20px}.guide-top{grid-column:1}.prizes{grid-column:2;grid-row:1/5;margin:0}.bonus-box{grid-column:1;align-items:flex-start}.pair-note,.text-button{grid-column:1}.guide h3{font-size:25px}.selection-label>span:last-child{display:none}.machine-card{flex-direction:column;text-align:center;padding:10px 5px;gap:6px}.mini-art{width:60px;height:50px}.machine-card b{font-size:15px}.machine-card small{display:none}.select-arrow{display:none}.machine-options{gap:8px}.top-actions{gap:5px}.top-actions button{padding:8px 10px;font-size:10px}#preview{display:none!important}.brand small{font-size:7px;letter-spacing:1px}.brand-icon{font-size:30px}.brand{font-size:12px;letter-spacing:1.3px;gap:6px}.intro{margin:24px 0 20px}.intro h1{font-size:30px}footer{flex-wrap:wrap;padding:0 22px 20px}footer>span{order:3;width:100%;text-align:center}.reel-frame{max-width:560px}.cabinet h2{font-size:35px}.cabinet>p{margin-bottom:18px}}
@media(max-width:420px){header{padding:15px 12px}.top-actions #expand{display:none}main{padding:0 12px}.cabinet{padding:18px 13px 0}.cabinet-heading{font-size:8px;letter-spacing:1px}.play-controls{grid-template-columns:.8fr 1.4fr .8fr;gap:8px}.spin-button{min-height:66px}.spin-button>span{font-size:16px}.best strong,.balance strong{font-size:29px}.balance small,.best small{font-size:8px}.outcome strong{font-size:17px}.outcome span{font-size:10px}.guide{gap:8px 12px;padding:17px 12px}.prize-symbols svg{width:23px;height:23px}.prize-row{padding:4px}.guide .eyebrow{font-size:7px}.cabinet-foot{font-size:9px}.intro h1{font-size:28px}.intro .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reels.spinning svg{filter:blur(2px);opacity:.5}}