@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ivory:#f4ecd9;--ink:#282a25;--red:#b73538;--gold:#a77e36;--cell:62px;--symbol-atlas:url('./assets/symbols.webp');--scene:url('./assets/scene.webp');--bonus:url('./assets/bonus.webp')}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#f4ecd9;color:var(--ink);font:14px 'DM Sans',sans-serif}button,select,input{font:inherit}button,select{color:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b73538;outline-offset:4px}button{border:0;background:none}button:hover:not(:disabled){filter:brightness(.93)}[hidden]{display:none!important}.world{position:fixed;inset:0;background-image:linear-gradient(#f4ecd926,#f4ecd908 70%,#f4ecd9a8),var(--scene);background-size:cover;background-position:center;z-index:-2}.grain{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff5,transparent 30%,transparent 70%,#fff2);z-index:-1}.game-shell{max-width:1240px;margin:0 auto;padding:20px 44px 8px;position:relative;min-height:100svh}.masthead{display:flex;align-items:center;justify-content:space-between;height:25px;font-size:9px;letter-spacing:2px}.back{text-decoration:none;color:var(--ink);display:flex;gap:12px;align-items:center}.edition{font-size:8px;letter-spacing:2.2px;margin-left:auto;margin-right:24px}.icon-button{font-size:20px;padding:3px 8px}.title-row{display:flex;align-items:center;gap:19px;margin:24px auto 14px;max-width:1000px}.seal{background:var(--red);color:#fff4d3;border:3px double #f4ecd9;padding:6px 9px;font-family:serif;line-height:1.05;font-size:20px;box-shadow:0 0 0 1px var(--red);transform:rotate(-4deg)}.eyebrow{font-size:8px;letter-spacing:3px;font-weight:700;margin:0 0 5px;color:var(--red)}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:49px;line-height:.94;letter-spacing:-1.5px;margin:0;font-weight:600}#tagline{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;font-style:italic;margin:6px 0 0;color:#7a6650}.custom-logo{max-width:180px;max-height:54px;object-fit:contain;margin-bottom:5px}.feature-button{margin-left:auto;text-align:left;display:flex;gap:10px;align-items:center;padding:11px 16px;border:1px solid #a77e3670;background:#fbf5e6bf;border-radius:2px;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px}.feature-button small{font:8px 'DM Sans',sans-serif;letter-spacing:1.6px;display:block;margin-top:4px;color:var(--red)}.mini-lantern{font-size:33px;color:var(--red)}.play-area{max-width:940px;margin:0 auto}.reel-caption{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-top:1px solid #a77e3655;font-size:9px;letter-spacing:1.3px}.reel-caption b{font-size:14px;letter-spacing:1px;color:var(--red)}#phase-label{font-size:8px;color:#796e59;letter-spacing:2px}.feature-count{font-size:8px;letter-spacing:1px}.scroll-stage{position:relative;height:345px;display:flex;align-items:center;justify-content:center}.reels{display:flex;gap:13px;width:100%;align-items:center;justify-content:center;position:relative;z-index:2;perspective:1000px}.reel{width:calc((100% - 65px)/6);max-width:135px;position:relative;flex-shrink:0;padding:9px 5px;background:linear-gradient(90deg,#dfceac,#fff8e8 8%,#faf2df 70%,#e4d2b0);box-shadow:3px 10px 18px #372b2724;transition:height .65s cubic-bezier(.2,.7,.2,1),transform .4s;overflow:visible;border-left:1px solid #b9a37b;border-right:1px solid #b9a37b}.reel:before,.reel:after{content:'';position:absolute;left:-8px;right:-8px;height:9px;border:1px solid #917144;background:linear-gradient(#e4c677,#906b2a 38%,#d6b15a 55%,#5f4429);border-radius:2px;z-index:3}.reel:before{top:-2px}.reel:after{bottom:-2px}.symbols{height:100%;display:flex;flex-direction:column;overflow:hidden}.symbol{height:var(--cell);flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;border-bottom:1px solid #a77e3620}.symbol:last-child{border-bottom:0}.symbol-art{width:var(--cell);height:var(--cell);background-image:var(--symbol-atlas);background-size:400% 200%;background-position:var(--sx) var(--sy);background-repeat:no-repeat;mix-blend-mode:multiply;display:block;filter:drop-shadow(0 2px 1px #77552215);transition:transform .35s}.symbol.custom .symbol-art{background-size:contain!important;background-position:center!important;mix-blend-mode:normal}.symbol.winner{background:radial-gradient(#f4d26b80,transparent 72%)}.symbol.winner .symbol-art{animation:prize .7s ease-out}.symbol.winner:after{content:'';position:absolute;inset:3px 8px;border:1px solid #c7953880;border-radius:40%;pointer-events:none}.symbol.wild:before,.symbol.lantern:before{position:absolute;bottom:0;z-index:2;font-size:6px;font-weight:700;letter-spacing:1.3px;color:#245b3f;background:#f4ecd9b0;padding:1px 3px}.symbol.wild:before{content:'WILD'}.symbol.lantern:before{content:'LANTERN';color:#a32729}.reel.spinning .symbols{animation:rolling .16s linear infinite;filter:blur(3px);opacity:.65}.reel.spinning{transform:translateY(-3px)}.reel.landed{animation:land .25s ease-out}.reel.breath{box-shadow:0 0 40px #f5b629aa,3px 10px 18px #372b2724;animation:reelFire .7s ease-out}.reel.expanding{animation:expandInk .65s ease-out}.ink-sweep{position:absolute;inset:10% 0;pointer-events:none;background:linear-gradient(110deg,transparent,#26221a35,transparent);transform:scaleX(0);z-index:3;transform-origin:left}.scroll-stage.engaged .ink-sweep{animation:ink .65s ease-out}.breath-sweep{pointer-events:none;position:absolute;z-index:4;inset:30% -5% 25%;opacity:0;background:linear-gradient(170deg,transparent 25%,#a32419b3 40%,#fbcf5fda 49%,#fff6bde6 52%,transparent 64%);filter:blur(7px);transform:translateX(-80%)}.breath-sweep.active{animation:dragonBreath .9s ease-in-out}.embers{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:6}.ember{position:absolute;width:4px;height:7px;background:#edab38;border-radius:60%;left:var(--x);bottom:0;animation:emberRise 1.4s var(--delay) ease-out both}.ornament{position:absolute;max-width:160px;max-height:250px;object-fit:contain;pointer-events:none;z-index:0;opacity:.85}.extra-one{left:-90px;bottom:0}.extra-two{right:-90px;top:0}.result-line{height:41px;display:flex;align-items:center;justify-content:center;gap:20px}.result-rule{height:1px;max-width:140px;flex:1;background:linear-gradient(90deg,transparent,#a77e3660)}.result-rule:last-child{transform:rotate(180deg)}#status{margin:0;text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;color:#68513a;line-height:1.1}#status.won{color:var(--red);font-weight:700}.control-dock{max-width:930px;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:8px auto 0;padding:18px 24px;border-top:1px solid #ac8b4855;border-bottom:1px solid #ac8b4855;background:#f9f0dfda;box-shadow:0 12px 30px #523c1010}.readout{min-width:120px}.readout label,.stake-control label{display:block;font-size:8px;letter-spacing:1.4px;color:#7a6d58;margin-bottom:5px}.readout strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;font-weight:600;line-height:1}.readout small{display:block;font-size:7px;color:#8c7e69;letter-spacing:1.1px;margin-top:4px}.last-win{text-align:right}.stake-control{text-align:center}.stake-control>div{display:flex;align-items:center}.stake-control button{border:1px solid #aa8c5750;width:26px;height:26px;font-size:18px}.stake-control select{font-size:14px;border:0;background:transparent;width:76px;padding:3px;text-align:center;appearance:none;font-weight:600}.spin-button{height:66px;min-width:176px;background:var(--red);border:1px solid #80272c;color:#fff1d4;box-shadow:0 4px 0 #722128,0 7px 14px #8d33282a;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.spin-button span:first-child{font-size:12px;letter-spacing:2px;font-weight:700}.spin-glyph{font-size:37px;font-weight:400}.auto-button{height:52px;border:1px solid #bca16e;padding:0 13px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.3px;min-width:76px}.auto-button.active{background:var(--ink);color:var(--ivory)}footer{max-width:930px;margin:11px auto;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#6b6254}footer button{font-size:8px;padding:4px 0}footer div{display:flex;gap:9px}#mute-button{font-size:7px;letter-spacing:1.3px}.footer-note{font-size:8px}.cinematic{position:absolute;inset:57px 34px 125px;z-index:20;background:#191914;color:#fff0cd;overflow:hidden;border:1px solid #c3a566;box-shadow:0 18px 60px #20170c55;animation:cinemaReveal .7s ease-out}.cinematic-art{position:absolute;inset:0;background:linear-gradient(90deg,#171711ad,transparent 70%),var(--bonus) center/cover;animation:pagodaAscend 5s ease-out forwards}.cinematic-copy{position:absolute;bottom:12%;left:7%;text-shadow:0 3px 20px #0008}.cinematic-copy .eyebrow{color:#ffd986;font-size:9px}.cinematic h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:69px;line-height:.82;font-weight:500;margin:16px 0}.cinematic h2 em{font-weight:400;color:#f2bf68}.cinematic-copy>p:last-of-type{font-size:12px;line-height:1.8;color:#e6d6b4}.cinematic-line{display:block;margin-top:18px;width:90px;height:2px;background:#e5b15e;animation:lineGrow 2.5s linear}.cinematic-embers{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 90%,#ffb53650,transparent 60%);animation:fireGlow 1.1s ease-in-out infinite alternate}#preview-bar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:40;background:#242723;color:#f4ecd9;padding:12px 18px;display:flex;gap:28px;align-items:center;box-shadow:0 8px 25px #0004;min-width:510px;border:1px solid #b9a577}#preview-bar b{font-size:9px;letter-spacing:1.3px}#preview-bar small{display:block;font-size:10px;margin-top:5px;color:#d6c8ae}#close-preview{color:#ffdb93;white-space:nowrap;font-size:11px}.bonus-mode #phase-label{color:var(--red)}.bonus-mode .reel-caption{border-color:var(--red)}
dialog{width:min(560px,calc(100vw - 28px));padding:25px;border:1px solid #b39660;background:#fcf5e7;color:var(--ink);box-shadow:0 20px 90px #1d170750;max-height:85svh}dialog::backdrop{background:#191b1766;backdrop-filter:blur(4px)}.panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-top h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:600;margin:0}.panel-top button{font-size:28px}.panel-body,panel-body{font-size:13px;line-height:1.7}#panel-body p{font-size:12px;line-height:1.8}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #baa17144;font-size:13px;gap:15px}.setting-row input[type=range]{max-width:170px;accent-color:var(--red)}.setting-row input[type=number]{width:90px;padding:7px;background:#fffaf1;border:1px solid #b9a47d}.setting-row input[type=checkbox]{accent-color:var(--red);width:18px;height:18px}.panel-action{background:var(--red);color:#fff4dc;width:100%;padding:13px;margin-top:18px;font-size:12px}.muted-text{color:#786a57;font-size:11px}.paytable{width:100%;border-collapse:collapse;font-size:11px}.paytable th,.paytable td{text-align:right;padding:9px 5px;border-bottom:1px solid #bca67655}.paytable td:first-child,.paytable th:first-child{text-align:left}.paytable th{color:#826642;font-size:9px}.empty-history{text-align:center;padding:24px}.reduced-motion *,body.effects-off *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reduced-motion .embers,.effects-off .embers,.effects-off .ink-sweep,.effects-off .breath-sweep{display:none}
@keyframes rolling{from{transform:translateY(-12px)}to{transform:translateY(12px)}}@keyframes land{0%{transform:translateY(-7px)}65%{transform:translateY(4px)}100%{transform:none}}@keyframes prize{45%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes ink{0%{transform:scaleX(0);opacity:0}30%{opacity:1}100%{transform:scaleX(1.3);opacity:0}}@keyframes dragonBreath{0%{opacity:0;transform:translateX(-80%) rotate(-5deg)}45%{opacity:1}100%{opacity:0;transform:translateX(80%) rotate(6deg)}}@keyframes emberRise{0%{opacity:0;transform:translateY(0) rotate(0)}20%{opacity:1}100%{opacity:0;transform:translateY(-330px) translateX(30px) rotate(140deg)}}@keyframes reelFire{50%{filter:brightness(1.35)}}@keyframes expandInk{0%{filter:brightness(.85)}100%{filter:none}}@keyframes cinemaReveal{from{clip-path:inset(45% 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes pagodaAscend{from{transform:scale(1.13) translateY(4%)}to{transform:scale(1.03) translateY(-1%)}}@keyframes lineGrow{from{width:0}to{width:90px}}@keyframes fireGlow{to{opacity:.3}}
@media(min-width:1000px) and (max-height:760px){.game-shell{padding-top:12px}.title-row{margin:18px auto 10px}h1{font-size:44px}.scroll-stage{height:325px}:root{--cell:58px}.control-dock{padding:12px 24px;margin-top:0}.result-line{height:33px}.reel-caption{padding:9px 8px}footer{margin:8px auto}.cinematic{bottom:110px}}
@media(max-width:760px){:root{--cell:47px}.game-shell{padding:16px 18px 12px;min-height:100svh;overflow:hidden}.masthead{font-size:7px;letter-spacing:1px}.edition{font-size:6px;letter-spacing:1px;margin-right:8px}.back{gap:5px}.icon-button{font-size:19px}.title-row{gap:13px;margin:29px 0 21px;position:relative;align-items:flex-start}.seal{font-size:16px;padding:6px;margin-top:2px}.eyebrow{font-size:6px;letter-spacing:2px}h1{font-size:40px;letter-spacing:-1.5px}#tagline{font-size:16px;margin-top:5px}.feature-button{position:absolute;right:0;top:82px;padding:6px 8px;gap:5px;background:#f9efdbdb;font-size:12px}.feature-button small{font-size:6px;letter-spacing:.8px;margin-top:2px}.mini-lantern{font-size:23px}.play-area{margin-top:60px}.reel-caption{flex-wrap:wrap;padding:10px 0 9px;gap:5px;font-size:7px;letter-spacing:.7px}.reel-caption b{font-size:11px}#phase-label{font-size:6px;letter-spacing:.9px}.feature-count{font-size:6px;letter-spacing:.3px}.scroll-stage{height:280px}.reels{gap:7px}.reel{width:calc((100% - 35px)/6);padding:8px 1px;min-width:0}.reel:before,.reel:after{left:-4px;right:-4px;height:7px}.symbol-art{width:var(--cell);height:var(--cell);max-width:100%}.symbol.wild:before,.symbol.lantern:before{font-size:4px;letter-spacing:.6px;padding:0 1px}.result-line{height:58px;gap:7px}#status{font-size:17px;max-width:260px}.control-dock{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px 8px;padding:16px 14px 18px;margin:0 -4px}.readout{min-width:0}.readout strong{font-size:27px}.readout label,.stake-control label{font-size:6px;letter-spacing:.8px}.readout small{font-size:5px;letter-spacing:.7px}.balance{grid-column:1;grid-row:1}.stake-control{grid-column:2;grid-row:1}.stake-control select{width:49px;font-size:12px}.stake-control button{width:20px;height:22px;font-size:15px}.stake-control>div{justify-content:center}.last-win{grid-column:3;grid-row:1}.spin-button{grid-column:1/3;grid-row:2;height:58px;min-width:0;justify-content:center;gap:25px}.auto-button{grid-column:3;grid-row:2;height:58px;justify-content:center;padding:0 7px;font-size:9px;min-width:0}footer{flex-wrap:wrap;gap:12px;margin-top:14px}footer button{font-size:8px}.footer-note{order:3;flex-basis:100%;text-align:center;font-size:7px}#mute-button{margin-left:auto}.cinematic{inset:100px 12px 190px;min-height:390px}.cinematic-art{background-position:61% center}.cinematic-copy{left:8%;bottom:8%}.cinematic h2{font-size:56px}.cinematic-copy>p:last-of-type{font-size:10px}.cinematic-copy .eyebrow{font-size:7px}#preview-bar{bottom:10px;min-width:0;width:calc(100% - 20px);padding:10px;gap:8px}#preview-bar b{font-size:7px;letter-spacing:.5px}#preview-bar small{font-size:8px}#close-preview{font-size:10px}.ornament{max-width:90px}.extra-one{left:-15px;bottom:-30px}.extra-two{right:-15px;top:-15px}.custom-logo{max-width:170px;max-height:40px}}
@media(max-width:360px){:root{--cell:42px}.game-shell{padding-left:12px;padding-right:12px}h1{font-size:35px}.edition{display:none}.feature-count{font-size:5px}.readout strong{font-size:24px}}