@charset "UTF-8";
:root{color-scheme:dark;--bg:#112329;--gold:#e8bf72;--muted:#a6b4b2;--line:rgba(221,192,130,.17);--cream:#f5edda;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);font-size:14px;background-image:radial-gradient(ellipse at 58% 45%,#2a4441 0,transparent 55%),linear-gradient(110deg,#112329,#182d2e 60%,#122329);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #88d6ee;outline-offset:5px}button{touch-action:manipulation}.page{max-width:1580px;margin:auto;padding:0 5%}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:1}.brand{text-decoration:none;color:var(--cream);display:flex;align-items:center;gap:15px;font-family:Georgia,serif;font-size:14px;letter-spacing:2px}.brand small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:3px;color:var(--muted);margin-top:6px}.brand-mark{font-size:33px;color:var(--gold)}.header-right{display:flex;align-items:center;gap:26px}.local-badge{font-size:10px;letter-spacing:2px;color:var(--gold);padding:7px 10px;border:1px solid var(--line);border-radius:3px}.icon-button{background:none;border:0;color:var(--gold);padding:8px;font-size:22px}.icon-button span{font-size:11px;color:var(--muted);margin-left:6px}.layout{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(370px,1.65fr) minmax(210px,.78fr);gap:3.2%;align-items:center;min-height:calc(100vh - 186px);padding:40px 0 28px}.intro{position:relative;z-index:2;padding-bottom:8px}.eyebrow{font-family:Georgia,serif;font-size:9px;letter-spacing:2px;color:var(--gold);display:flex;align-items:center;gap:9px}.eyebrow span{width:22px;height:1px;background:var(--gold)}h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3vw,46px);line-height:1.65;letter-spacing:3px;margin:22px 0 18px}.intro-copy{color:var(--muted);font-size:12px;line-height:2.1;margin-bottom:30px}.balance-card{border:1px solid var(--line);border-radius:9px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(130deg,rgba(238,195,105,.055),rgba(238,195,105,.015));gap:8px}.caption{font-family:Georgia,serif;font-size:9px;letter-spacing:2px;color:var(--gold)}.balance-card p{font-size:11px;color:var(--muted);margin:5px 0 0}.balance-value{display:flex;align-items:center;gap:9px}.balance-value strong{font-family:Georgia,serif;font-weight:400;font-size:36px;color:var(--gold);font-variant-numeric:tabular-nums}.balance-value>span:last-child{font-size:10px;color:var(--muted);margin-top:13px}.coin{height:24px;width:24px;border-radius:50%;border:1px solid #c68c3a;background:linear-gradient(120deg,#f1d79a,#af813c);box-shadow:inset 0 0 0 3px #b99145;color:#725621;text-align:center;line-height:22px;font-size:14px}.controls{display:grid;gap:9px;margin-top:15px}.spin-button{position:relative;border:1px solid #efd190;background:linear-gradient(120deg,#f2cf88,#dca650);color:#34281d;display:flex;flex-direction:column;align-items:flex-start;padding:17px 21px;border-radius:7px;box-shadow:0 6px 24px #050f1738;transition:filter .2s,transform .2s;min-height:81px}.spin-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.spin-button:active:not(:disabled){transform:translateY(1px)}.spin-label{font-size:17px;letter-spacing:3px;font-weight:700}.spin-cost{font-family:Georgia,serif;font-size:9px;letter-spacing:2px;opacity:.7;margin-top:8px}.spin-arrow{position:absolute;right:24px;top:18px;font-size:33px;font-family:Georgia,serif}.spin-button:disabled{opacity:.65}.secondary-button{border:1px solid var(--line);background:#ffffff04;border-radius:6px;color:var(--cream);padding:12px 16px;font-size:12px}.secondary-button:hover:not(:disabled){background:#ffffff0b}.secondary-button:disabled{opacity:.35}.secondary-button kbd{margin-left:12px}kbd{font:9px var(--sans);border:1px solid #b8c9bf30;border-bottom-width:2px;border-radius:3px;color:#b8c5c0;padding:1px 5px;display:inline-block;margin:0 2px}.result{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px;min-height:89px;padding:15px 0}.result-spark{font-size:31px;color:var(--gold)}.result strong{font-family:var(--serif);font-size:16px;font-weight:500;letter-spacing:1px}.result p{color:var(--muted);font-size:11px;margin:7px 0 0;line-height:1.6}.result.win strong{color:var(--gold)}.help{margin-top:17px;color:var(--muted);font-size:10px;line-height:1.6}.help p{margin:7px 0}.help p:first-child{color:#dccba2}.help span{margin:0 5px;opacity:.5}.help .auto-note{font-size:9px;color:#80968e}.session-stats{display:flex;gap:28px;margin-top:22px}.session-stats div{display:flex;align-items:baseline;gap:7px}.session-stats strong{font-family:Georgia,serif;font-size:19px;font-weight:400;font-variant-numeric:tabular-nums}.session-stats span{font-size:9px;color:var(--muted)}.stage{position:relative;align-self:center;min-width:0}.stage-halo{position:absolute;inset:8% -5% 6%;border-radius:50%;background:radial-gradient(ellipse,#c5b8781c,#537c6520 42%,transparent 70%);pointer-events:none}.stage-stars{position:absolute;top:6%;right:9%;font-size:32px;color:#e8bf7266}.machine{position:relative;width:100%;max-width:540px;margin:auto;filter:drop-shadow(0 22px 22px #050e1966)}.machine>img{display:block;width:100%;height:auto}.machine>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.machine-stop{position:absolute;width:8%;height:7%;top:73.4%;border-radius:50%;border:0;background:transparent;color:#fff0d2;text-shadow:0 1px 3px #502015;font-size:12px;font-weight:600;box-shadow:0 0 0 2px #f9d88a00;transition:box-shadow .2s,background .2s}.stop-1{left:30.6%}.stop-2{left:45.7%}.stop-3{left:60.8%}.machine-stop span{display:block;margin-top:5px;opacity:.55}.machine-stop:not(:disabled){box-shadow:0 0 12px 3px #ffc86865,0 0 0 2px #ffe0a287}.machine-stop:hover:not(:disabled){background:#ffd45b38}.machine-stop:active:not(:disabled){background:#57190980}.machine-stop:disabled{background:#100c1829}.lever{position:absolute;left:88.8%;top:32.5%;width:10.5%;height:30%;border:0;background:transparent;border-radius:60px}.lever:hover:not(:disabled){background:#ffd46c14}.lever:active:not(:disabled){transform:translateY(5px)}.stage-caption{display:flex;align-items:center;justify-content:center;gap:16px;font-family:Georgia,serif;font-size:9px;letter-spacing:2.3px;color:#b0b391;padding-top:18px}.stage-caption span{height:1px;width:30px;background:var(--line)}.paytable{border:1px solid var(--line);border-radius:10px;background:#071b2038;overflow:hidden;align-self:center;padding:21px 18px 17px}.table-heading{border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:10px}h2{font-family:var(--serif);font-weight:500;font-size:20px;letter-spacing:2px;margin:10px 0}.table-heading p{font-size:10px;color:var(--muted);margin:0}.payout-list{display:grid;gap:1px}.payout-row{display:flex;align-items:center;gap:8px;padding:5px 0;min-width:0}.symbol-icon{width:33px;height:34px;object-fit:contain;flex-shrink:0;border-radius:5px;background:#fbf0db}.payout-name{font-size:11px;color:#d9dfcf;white-space:nowrap}.payout-amount{margin-left:auto;display:flex;align-items:baseline;gap:4px;white-space:nowrap}.payout-amount strong{font-family:Georgia,serif;font-size:18px;font-weight:400;color:var(--gold)}.payout-amount small{font-size:8px;color:var(--muted)}.pair-rule{display:flex;gap:11px;align-items:center;padding:14px 0 0;margin-top:10px;border-top:1px solid var(--line)}.pair-icon{font-size:15px;color:var(--gold);white-space:nowrap}.pair-rule strong{display:block;font-size:11px;font-weight:500}.pair-rule div>span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.table-note{font-size:9px;color:#84978e;line-height:1.8;margin-top:15px;margin-bottom:0}footer{border-top:1px solid var(--line);padding:21px 0 24px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}footer small{display:block;font-size:9px;opacity:.6;margin-top:5px}.text-button{font-size:10px;color:var(--muted);border:0;padding:9px 0;background:none}.text-button:hover{color:var(--gold)}.text-button:disabled{opacity:.4}.ambience{position:fixed;inset:0;pointer-events:none;overflow:hidden}.ambience i{position:absolute;left:46%;top:20%;width:3px;height:3px;background:#efd28b;border-radius:50%;opacity:.22;box-shadow:0 0 9px #eedba9;animation:float 9s ease-in-out infinite alternate}.ambience i:nth-child(2){left:31%;top:66%;animation-delay:-3s}.ambience i:nth-child(3){left:70%;top:40%;animation-delay:-4s}.ambience i:nth-child(4){left:59%;top:77%;animation-delay:-1s}.ambience i:nth-child(5){left:83%;top:12%;animation-delay:-6s}.ambience i:nth-child(6){left:12%;top:44%;animation-delay:-5s}@keyframes float{to{transform:translate(15px,-35px);opacity:.55}}.win-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden}.win-burst i{position:absolute;left:50%;top:45%;color:#ffe3a2;font-style:normal;font-size:22px;animation:burst 1.5s ease-out forwards;--dx:0px;--dy:0px}@keyframes burst{0%{opacity:1;transform:translate(0,0) scale(.5)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(90deg) scale(1.4)}}dialog{background:#172f32;border:1px solid #b89b58;color:var(--cream);border-radius:14px;padding:32px;max-width:calc(100% - 32px);text-align:center;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#06151aca;backdrop-filter:blur(5px)}dialog h2{font-size:20px}dialog p{font-size:12px;color:var(--muted);line-height:2}.dialog-star{color:var(--gold);font-size:38px}.dialog-buttons{display:flex;gap:12px;justify-content:center;margin-top:25px}.primary-small{color:#34281d;border:1px solid #ecd197;border-radius:6px;background:var(--gold);padding:12px 20px;font-size:12px}
@media(min-width:1400px){.machine{max-width:570px}.layout{gap:4%}.paytable{padding:25px}.payout-row{padding:7px 0}.symbol-icon{width:37px;height:37px}}
@media(max-width:1050px){.page{padding:0 4%}.layout{grid-template-columns:minmax(235px,.9fr) minmax(340px,1.3fr);gap:32px}.paytable{grid-column:1 / -1;padding:20px 24px}.table-heading{display:flex;align-items:baseline;gap:20px}.table-heading h2{font-size:19px;margin:0}.table-heading p{margin-left:auto}.payout-list{grid-template-columns:repeat(3,1fr);column-gap:30px}.pair-rule{padding-top:12px}.table-note{margin-top:10px}.machine{max-width:490px}}
@media(max-width:650px){.page{padding:0 6%}.site-header{height:76px}.brand{font-size:10px;letter-spacing:1.1px;gap:8px}.brand-mark{font-size:26px}.brand small{font-size:9px;letter-spacing:2px}.header-right{gap:10px}.local-badge{font-size:8px;padding:5px 7px;letter-spacing:1px}.icon-button{padding:3px}.icon-button span{font-size:9px;margin-left:2px}.layout{display:flex;flex-direction:column;gap:20px;padding:27px 0 24px;min-height:0}.intro{display:contents}.eyebrow{order:0;width:100%;font-size:8px;justify-content:center}h1{order:1;text-align:center;font-size:29px;line-height:1.4;margin:-4px 0 0;letter-spacing:2px}h1 br{display:none}.intro-copy{order:2;font-size:10px;line-height:1.8;text-align:center;margin:-8px 0 0}.intro-copy br{display:none}.balance-card{order:3;width:100%;padding:12px 18px;margin-top:0}.balance-value strong{font-size:30px}.stage{order:4;width:100%;margin-top:-4px}.machine{max-width:370px}.stage-caption{padding-top:9px;font-size:8px}.controls{order:5;width:100%;margin-top:0;grid-template-columns:1.5fr 1fr;align-items:stretch;gap:9px}.spin-button{padding:14px 17px;min-height:75px}.spin-label{font-size:15px;letter-spacing:2px}.spin-cost{font-size:8px;letter-spacing:1px}.spin-arrow{right:17px;top:16px;font-size:28px}.secondary-button{font-size:11px;padding:12px 8px}.secondary-button kbd{display:none}.result{order:6;width:100%;margin:0;min-height:78px}.help{order:7;width:100%;margin:-7px 0 0;text-align:center}.session-stats{order:8;width:100%;justify-content:center;margin:-4px 0 0}.paytable{order:9;width:100%;padding:18px 15px;margin-top:3px}.table-heading{gap:10px;flex-wrap:wrap}.table-heading h2{font-size:17px}.table-heading .caption{font-size:8px}.table-heading p{font-size:9px}.payout-list{grid-template-columns:repeat(2,1fr);column-gap:19px}.payout-name{font-size:10px}.payout-amount strong{font-size:17px}.symbol-icon{width:30px;height:30px}.pair-rule{padding-top:13px}.machine-stop{font-size:10px}footer{font-size:9px;padding:19px 0;gap:10px}.text-button{white-space:nowrap;font-size:9px}}
@media(min-width:1051px) and (max-height:850px){.site-header{height:72px}.layout{padding:20px 0 16px;min-height:calc(100svh - 138px)}h1{font-size:30px;line-height:1.45;margin:15px 0 13px}.intro-copy{font-size:11px;line-height:1.85;margin-top:10px;margin-bottom:18px}.balance-card{padding:11px 15px}.balance-value strong{font-size:30px}.controls{margin-top:11px;gap:7px}.spin-button{min-height:65px;padding:12px 17px}.spin-label{font-size:15px}.spin-cost{margin-top:6px;font-size:8px}.spin-arrow{font-size:28px;top:12px;right:19px}.secondary-button{padding:9px 14px;font-size:11px}.result{margin-top:16px;min-height:69px;padding:10px 0}.result strong{font-size:14px}.result p{font-size:10px;margin-top:5px}.help{margin-top:11px;font-size:9px}.help p{margin:5px 0}.help .auto-note{font-size:8px}.session-stats{margin-top:13px;gap:22px}.session-stats strong{font-size:17px}.session-stats span{font-size:8px}.machine{max-width:min(540px,calc((100svh - 170px)/1.2))}.stage-caption{padding-top:9px;font-size:8px}.paytable{padding:15px}.table-heading{padding-bottom:11px;margin-bottom:7px}.table-heading h2{font-size:18px;margin:7px 0}.payout-row{padding:4px 0}.symbol-icon{width:29px;height:29px}.payout-name{font-size:10px}.payout-amount strong{font-size:16px}.pair-rule{padding-top:11px;margin-top:8px}.table-note{font-size:8px;margin-top:11px}footer{padding:15px 0}}
@media(max-width:650px){.machine-stop{width:44px;height:44px;top:76.9%;transform:translate(-50%,-50%)}.stop-1{left:34.6%}.stop-2{left:49.7%}.stop-3{left:64.8%}.lever{min-width:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.win-burst{display:none}}