@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Nunito:wght@500;600;700;800;900;1000&display=swap');
:root{color-scheme:light;--bg:#f7eedb;--text:#493827;--muted:#9b8366;--red:#c84937;--teal:#3c747b;--gold:#efb743;--line:#76512b24;font-family:Nunito,'Microsoft YaHei',sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-width:340px;background:radial-gradient(ellipse at 0% 60%,#eacb9250,transparent 40%),#f7eedb;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}a{color:inherit;text-decoration:none}.topbar{height:86px;max-width:1260px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:23px;font-weight:1000;letter-spacing:-1px;line-height:1.1;color:var(--red)}.brand em{font-style:normal;color:#8c7959;font-size:17px}.brand-mark{font:900 31px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;color:#fff2ce;background:var(--red);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transform:rotate(-9deg);border:2px solid #9f372c;box-shadow:2px 3px #b88e4e40}.brand-mark span{font-size:18px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px;color:#8e795d}.header-right{display:flex;align-items:center;gap:10px}.icon-button{border:1px solid #84643a30;background:#fff8e8;border-radius:50%;width:38px;height:38px;font-size:20px;position:relative;box-shadow:0 2px #6b47230a}.icon-button:hover{background:#f4dfb3}.sound-off{font-size:12px;position:absolute;right:5px;bottom:4px;color:#b77952}main{max-width:1212px;margin:auto;padding:24px 0 28px}.intro{position:relative;height:266px;background:#f5db8c url('/assets/kitchen-chase.png') center center/cover no-repeat;border:1px solid #b898583d;border-radius:20px;overflow:hidden;margin-bottom:25px;box-shadow:0 7px 20px #8353210b}.hero-copy{position:relative;height:100%;width:48%;padding:27px 0 24px 45px;background:linear-gradient(90deg,#fff2bd80,transparent)}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:900;color:#92652f}.hero-copy .eyebrow{color:#a14e2d;font-size:11px;letter-spacing:3px}h1{font-size:42px;line-height:1.2;letter-spacing:1px;margin:10px 0;color:#754528;font-weight:1000;text-shadow:1px 2px #fff3c2}h1>span{color:var(--red)}.intro p{font-size:13px;color:#86623f;line-height:1.9;margin:9px 0}.episode-tag{display:inline-block;font-size:9px;color:#6f5334;letter-spacing:1px;border:1px solid #9c6f343f;border-radius:20px;padding:5px 10px;background:#fff2cb80;margin-top:6px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:22px;align-items:start}.machine{background:linear-gradient(150deg,#fcf4dd,#f1dfb6);border:2px solid #bc9460;border-radius:21px;padding:0 24px;box-shadow:0 7px 0 #bd9d6b,0 12px 0 #6f492717,0 18px 30px #94703c17,inset 0 0 0 4px #fff8e5;overflow:hidden}.machine-top{height:65px;display:flex;justify-content:space-between;align-items:center}.game-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;letter-spacing:1.5px;font-weight:800;color:var(--teal)}.game-title>span{color:#c6553f;font-size:27px;vertical-align:middle;margin-right:6px}.game-title small{font-family:Nunito,sans-serif;letter-spacing:1px;color:#9b805d;font-size:10px;margin-left:8px;font-weight:700}.text-button{border:0;background:none;padding:0;color:#997442;font-size:11px}.text-button:hover{color:var(--red)}.text-button>span{margin-left:8px}.bonus-banner{height:62px;border:1px solid #d1ab565e;border-radius:10px;background:repeating-linear-gradient(-45deg,#ffedbf,#ffedbf 8px,#ffe9b5 8px,#ffe9b5 16px);display:flex;align-items:center;gap:12px;padding:0 16px;margin-bottom:18px}.star-orbit{font-size:30px;color:#e9ac30;text-shadow:1px 2px #b77a2d}.bonus-banner strong{font-size:12px;font-weight:800;display:block;margin-bottom:4px;color:#825923}.bonus-banner div>span{color:#a17e43;font-size:10px}.bonus-pill{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:800;color:#ad6130;background:#fff5da;border:1px solid #c6a55b55;border-radius:6px;padding:5px 8px}.reel-frame{position:relative;border:3px solid #345f60;border-radius:14px;padding:10px 20px;background:linear-gradient(#548585,#315d60);box-shadow:0 3px 0 #254a4b,inset 0 2px #90b6ab;margin-bottom:2px}.reels{--cell-height:108px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;overflow:hidden;border-radius:7px}.reel{display:grid;grid-template-rows:repeat(3,var(--cell-height));gap:5px;background:#fff3d6;height:calc(var(--cell-height)*3 + 10px);overflow:hidden;position:relative;border-radius:6px}.cell{display:flex;align-items:center;justify-content:center;background:#fff3d6;position:relative;border-radius:5px;height:var(--cell-height);overflow:hidden;box-shadow:inset 0 -1px #d8c69b55}.symbol{display:block;flex-shrink:0;width:96px;height:96px;max-width:100%;background-image:url('/assets/symbols-atlas.png');background-size:400% 200%;background-repeat:no-repeat;user-select:none}.symbol-cherry{background-position:0% 0%}.symbol-lemon{background-position:33.333333% 0%}.symbol-grape{background-position:66.666667% 0%}.symbol-bell{background-position:100% 0%}.symbol-diamond{background-position:0% 100%}.symbol-seven{background-position:33.333333% 100%}.symbol-wild{background-position:66.666667% 100%}.symbol-scatter{background-position:100% 100%}.symbol-tag{position:absolute;bottom:3px;font-size:8px;line-height:1;color:#785222;font-weight:1000;letter-spacing:1px;padding:3px 7px;border-radius:9px;background:#ffefc0e8}.cell.winning{box-shadow:inset 0 0 0 3px #e9a837,inset 0 0 15px #ebb74733;z-index:1}.cell.winning .symbol{animation:win-pop .65s ease-in-out 2}.cell.scatter-hit{box-shadow:inset 0 0 0 3px #d6653a}.reel-strip{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;will-change:transform}.reel-strip .cell{height:var(--strip-cell-height);min-height:var(--strip-cell-height)}.reel.spinning::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#55432126,transparent 20%,transparent 80%,#55432126);z-index:2}.reel.spinning .symbol{filter:blur(.6px)}.reel.landed{animation:land .24s ease-out}.is-spinning .spin-glyph{animation:rotate .65s linear infinite}.is-spinning .rail span{animation:lights .45s ease-in-out infinite alternate}.rail{position:absolute;top:10px;bottom:10px;width:15px;display:flex;flex-direction:column;justify-content:space-around;text-align:center;color:#d5d7a5;font:8px Nunito}.rail-left{left:1px}.rail-right{right:1px}.win-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff0bee8;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s;border-radius:10px;z-index:3}.win-overlay.visible{opacity:1}.win-overlay>span{font:800 48px 'Barlow Condensed',sans-serif;letter-spacing:5px;color:var(--red);text-shadow:2px 3px #f3cd74}.win-overlay strong{font:800 70px 'Barlow Condensed',sans-serif;color:#996720;text-shadow:1px 2px #fff}.win-overlay small{font-size:10px;color:#a17b46;margin-top:10px}.result-strip{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#937047;min-height:53px;text-align:center}.status-dot{height:5px;width:5px;background:#bf7544;border-radius:50%;flex-shrink:0}.controls{display:grid;grid-template-columns:160px 1fr 230px;align-items:center;gap:18px;padding:15px 0 22px;border-top:1px solid var(--line)}.field-label{font-size:10px;letter-spacing:1px;color:#977b55;display:block;margin-bottom:9px}.field-label small{font-size:9px;margin-left:6px;color:#ad987a;letter-spacing:0}.stepper{height:40px;background:#fff8e8;border:1px solid #b3976f55;display:flex;align-items:center;justify-content:space-between;border-radius:8px;box-shadow:inset 0 2px #9871410b}.stepper button{height:100%;width:39px;border:0;background:none;color:#a17b48;font-size:20px}.stepper strong{font-size:20px;color:#684b2b}.last-win{padding-left:8px}.last-win strong{font-size:25px;color:var(--teal);font-weight:900;line-height:40px}.last-win strong small{font-size:10px;color:#a68a63;font-weight:600}.spin-button{height:62px;border:2px solid #9c3729;border-radius:12px;background:linear-gradient(#e46b4e,#cb4a36);color:#fff3d5;font-size:18px;font-weight:1000;box-shadow:0 5px 0 #903d2b,inset 0 2px #ffb18b;display:flex;align-items:center;justify-content:center;gap:11px;transition:transform .1s,filter .2s;text-shadow:0 1px #8d3428}.spin-button:hover{filter:brightness(1.07)}.spin-button:active{transform:translateY(3px);box-shadow:0 2px 0 #903d2b}.spin-glyph{font-size:33px;font-weight:600;line-height:1}.machine-bottom{height:36px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid var(--line);font-size:9px;color:#ad9270}.machine-bottom b{padding:0 10px;font-weight:400}.machine-bottom button{border:0;background:none;font-size:9px;padding:0;color:#937245}kbd{font:9px Nunito;border:1px solid #b19b7133;border-radius:3px;padding:1px 5px}.sidebar{display:flex;flex-direction:column;gap:16px}.panel{border:1px solid #bea07366;background:#fff8e8;border-radius:15px;padding:21px;box-shadow:0 4px 0 #bd9d6b15}.panel-label{display:flex;justify-content:space-between;align-items:center;color:#94774f;font-size:12px;font-weight:700}.coin-mini{background:#f8d16d;border:1px solid #c69734;color:#9b6b1c;border-radius:50%;width:23px;height:23px;text-align:center;line-height:21px}.balance{font-size:44px;font-weight:1000;letter-spacing:-1.5px;margin-top:8px;color:#6f4c25;font-variant-numeric:tabular-nums}.wallet-divider{height:1px;background:var(--line);margin:17px 0}.refill-row{display:flex;justify-content:space-between;align-items:center}.refill-row strong{font-weight:800;font-size:11px;display:block}.refill-row small{font-size:9px;color:#a48b68;display:block;margin-top:5px}.refill-row>span{font-size:14px;font-weight:900;color:#b7802c}.refill-button{width:100%;height:38px;border:1px solid #aec1b2;background:#e3ece0;color:#42736b;border-radius:8px;font-size:11px;font-weight:800;margin-top:16px}.refill-button:hover{background:#d6e5cf}.feature{position:relative;overflow:hidden;min-height:202px;background:repeating-linear-gradient(-45deg,#f4e0a6,#f4e0a6 10px,#f6e4b0 10px,#f6e4b0 20px);padding-top:105px}.feature-art{position:absolute;top:5px;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(-7deg)}.feature-art span{font-size:0;display:block;width:67px;height:67px;background:url('/assets/symbols-atlas.png') 100% 100%/400% 200% no-repeat;border-radius:50%}.feature-art span:nth-child(2){width:91px;height:91px}.feature .eyebrow{font-size:7px;letter-spacing:1.7px;color:#a48137}.feature h2{font-size:16px;margin:9px 0 7px;color:#8c542a}.feature p{font-size:11px;color:#a28249;line-height:1.9;margin:0 0 12px}.stats{padding:17px 21px}.stats>.panel-label{margin-bottom:13px}.stats>div:not(.panel-label){display:flex;justify-content:space-between;font-size:11px;color:#a18965;margin:10px 0}.stats strong{color:#7c6343;font-size:12px;font-weight:800}.stats button{margin-top:7px;font-size:10px}dialog{background:#fff7e4;color:var(--text);border:2px solid #b9975a;border-radius:18px;padding:25px;width:min(600px,92vw);max-height:85vh;box-shadow:0 30px 100px #432e3d44}dialog::backdrop{background:#45301c80;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-header h2{font-size:21px;margin:0;color:#8e4c2b}#modal-body{font-size:13px;line-height:1.9;color:#8e7450}#modal-body h3{font-size:14px;color:#695032;margin:20px 0 8px}#modal-body p{margin:8px 0}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:right;padding:8px 6px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{text-align:left}th{font-weight:700;font-size:10px;color:#a1855d}.modal-note{background:#f3e2bd;padding:12px;border:1px solid #c4a76540;border-radius:9px}.line-examples{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:14px 0}.line-example{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.line-example i{height:5px;background:#bea16d33;border-radius:1px}.line-example i.active{background:var(--teal)}.line-example small{grid-column:span 5;text-align:center;font-size:9px;color:#ae976d}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row input{accent-color:var(--teal);width:18px;height:18px}.dialog-action{background:var(--red);color:#fff0d2;border:0;border-radius:9px;padding:10px 19px;font-size:12px;margin-top:12px}.danger{background:none;color:#ad5442;border:1px solid #b76e4655}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 22px;border:1px solid #bf9b62;background:#fff1d0;box-shadow:0 10px 30px #73512433;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:5;max-width:90vw;text-align:center}.bonus-active .bonus-banner{border-color:#bd8231;background:#ffdfa2}.bonus-active .reel-frame{border-color:#b98e32;box-shadow:0 0 20px #c9a13440}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes land{0%{transform:translateY(-4px)}60%{transform:translateY(3px)}100%{transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes lights{to{color:#fff1b5;text-shadow:0 0 7px #ffd64a}}@keyframes win-pop{50%{transform:scale(1.07)}}
@media(max-width:1280px){main{margin:0 28px}.topbar{margin:0 4px}.controls{grid-template-columns:140px 1fr 200px}.reels{--cell-height:102px}.symbol{width:91px;height:91px}}
@media(max-width:1050px){.game-layout{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.machine{padding:0 17px}.controls{grid-template-columns:120px 1fr 155px;gap:9px}.game-title small{display:none}.panel{padding:18px}.feature{padding-top:103px}.reel-frame{padding:8px 14px}.rail{width:11px}.reels{--cell-height:93px;gap:5px}.symbol{width:75px;height:75px}.hero-copy{padding-left:32px}.intro{height:240px}h1{font-size:35px}.bonus-banner{padding:0 12px}.bonus-banner strong{font-size:11px}.bonus-banner div>span{font-size:9px}.bonus-pill{font-size:9px}}
@media(max-width:820px){.topbar{padding:0 20px;height:76px}main{margin:0 22px;padding-top:20px}.intro{height:217px}.hero-copy{padding:23px 0 20px 25px;width:50%}h1{font-size:31px}.intro p{font-size:11px}.episode-tag{font-size:8px}.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;margin-top:5px}.feature{display:none}.reels{--cell-height:108px}.symbol{width:99px;height:99px}.controls{grid-template-columns:150px 1fr 220px}.balance{font-size:36px}.game-title small{display:inline}.machine-top{height:60px}.stats{height:100%}}
@media(max-width:560px){.topbar{padding:0 14px;height:70px}.brand{font-size:18px;gap:10px}.brand em{font-size:13px}.brand-mark{width:41px;height:41px;font-size:27px}.brand-mark span{font-size:15px}.brand small{font-size:6px;letter-spacing:1.5px}.header-right{gap:7px}.icon-button{width:33px;height:33px;font-size:18px}main{margin:0 12px;padding-top:15px}.intro{height:215px;margin-bottom:17px;border-radius:14px;background-size:auto 185px;background-position:right bottom;background-repeat:no-repeat;background-color:#f7dfa0}.hero-copy{padding:17px 0 0 17px;width:58%;background:linear-gradient(90deg,#f9e6aeeb,#f9e6ae55 70%,transparent)}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:27px;letter-spacing:0;margin:9px 0}.intro p{font-size:10px;line-height:1.8;margin:7px 0}.episode-tag{font-size:6px;padding:4px 7px;margin-top:5px}.machine{padding:0 11px;border-radius:15px}.machine-top{height:52px}.game-title{font-size:21px;letter-spacing:1px}.game-title>span{font-size:21px;margin-right:3px}.game-title small{display:none}.text-button{font-size:9px}.bonus-banner{height:56px;gap:8px;padding:0 9px;margin-bottom:13px}.star-orbit{font-size:24px}.bonus-banner strong{font-size:10px}.bonus-banner div>span{font-size:8px}.bonus-pill{font-size:8px;padding:4px 5px}.reels{--cell-height:74px;gap:3px}.reel{gap:4px;height:calc(var(--cell-height)*3 + 8px)}.reel-frame{padding:6px 9px;border-width:2px;border-radius:9px}.rail{width:8px;font-size:6px}.cell{border-radius:4px}.symbol{width:61px;height:61px}.symbol-tag{font-size:6px;padding:2px 4px;bottom:1px;letter-spacing:.8px}.result-strip{font-size:9px;min-height:44px;line-height:1.6;padding:5px 2px}.controls{grid-template-columns:128px 1fr;gap:12px;padding:12px 0 18px}.spin-button{grid-column:1/-1;height:55px;font-size:17px}.last-win{text-align:right;padding-right:6px}.last-win strong{font-size:23px}.field-label{margin-bottom:6px;font-size:9px}.machine-bottom{font-size:8px;height:33px}.machine-bottom button{font-size:8px}.machine-bottom b{padding:0 7px}.machine-bottom kbd{font-size:8px}.sidebar{gap:11px}.panel{padding:15px;border-radius:12px}.panel-label{font-size:10px}.balance{font-size:32px}.wallet-divider{margin:13px 0}.refill-row{gap:5px}.refill-row strong{font-size:10px}.refill-row small{font-size:8px}.refill-row>span{font-size:12px}.refill-button{font-size:10px;margin-top:13px}.stats>div:not(.panel-label){font-size:10px;margin:17px 0}.stats button{font-size:9px}.win-overlay>span{font-size:36px}.win-overlay strong{font-size:59px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.symbol{height:auto;aspect-ratio:1}
@media(max-width:560px){.intro{height:240px;background-size:auto 155px}.hero-copy{width:100%;background:none;padding-top:13px}.intro p{display:none}.episode-tag{position:absolute;bottom:12px;left:14px;background:#fff3dce8}}
.back-lobby{font-size:11px;color:#8d7451;white-space:nowrap;border:1px solid #bda17355;padding:8px 12px;border-radius:20px;background:#fff8e8}.back-lobby:hover{background:#f4dfb3}@media(max-width:560px){.back-lobby{font-size:10px;padding:7px 9px}.brand{font-size:16px}.brand small{font-size:5px;letter-spacing:1px}.header-right{gap:5px}}