:root{font-family:Outfit,Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background:#000;--primary-red: #d32f2f;--dark-red: #7f0000;--bright-red: #ff1744;--gold: #ffd700;--dark-gold: #b29400;--jade: #00c853;--parchment: #fdf5e6}body{margin:0;overflow:hidden;height:100vh;height:100dvh;width:100vw;display:flex;justify-content:center;align-items:center;background:#111;background-image:linear-gradient(#0009,#0009),url(/bg_palace.png);background-size:cover;background-position:center}#app{width:100vw;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center}#game-container{position:relative;width:100%;height:100%;max-width:500px;background-image:url(/bg_palace.png);background-size:cover;background-position:center;box-shadow:0 0 100px #000;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:768px){#game-container{max-width:100%;height:100vh;border-radius:0}}@media(min-width:769px){#game-container{height:96vh;border:4px solid var(--gold);border-radius:30px;margin:2vh 0}}#top-section{flex:0 0 auto;height:clamp(100px,15vh,140px);margin-top:5px;display:flex;justify-content:center;align-items:flex-end;z-index:4}#top-section:before{content:"";position:absolute;top:0;width:100%;height:50px;background:linear-gradient(to bottom,#103e13,#2e7d32 40%,#103e13);border-bottom:4px solid var(--gold);border-radius:0 0 30% 30%/0 0 15px 15px;box-shadow:0 10px 20px #0009;z-index:1}#top-section:after{content:"";position:absolute;top:45px;width:80%;height:6px;background:var(--gold);border-radius:5px;box-shadow:0 5px 15px #00000080;z-index:5}.char-jaguar{width:100%;height:100%;position:relative;z-index:10}.char-jaguar:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:150px;height:150px;background:radial-gradient(circle at center,#800,#400 60%,#200);border:4px solid var(--gold);border-bottom:none;border-radius:75px 75px 0 0;z-index:11;box-shadow:inset 0 0 50px #000,0 0 20px #00000080}.char-jaguar:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:120%;background:url(/char_jaguar.png) no-repeat center bottom;background-size:contain;filter:drop-shadow(0 0 20px rgba(255,215,0,.3));animation:float-char 4s ease-in-out infinite;z-index:12;transition:opacity .3s}.char-jaguar.bonus-active:after{opacity:.3}.chosen-symbol-display{position:absolute;bottom:20px;left:50%;transform:translate(-50%) scale(1.5);width:100px;height:100px;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:20;filter:drop-shadow(0 0 15px var(--gold));animation:bounce-chosen 1.5s ease-in-out infinite}@keyframes bounce-chosen{0%,to{transform:translate(-50%) scale(1.3)}50%{transform:translate(-50%) scale(1.5)}}@keyframes float-char{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}#grid-section{position:relative;width:94%;max-width:min(400px,50vh);aspect-ratio:1 / 1;margin:0 auto;background-color:var(--parchment);background-image:linear-gradient(to right,rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.1) 1px,transparent 1px);background-size:33.33% 33.33%;border:10px solid transparent;padding:5px;box-sizing:border-box;border-image:url(/ui_grid_frame.png) 30 stretch;border-radius:4px;box-shadow:0 0 40px #000c;z-index:15;overflow:hidden}#grid-section:before,#grid-section:after{position:absolute;top:0;bottom:0;width:24px;background:url(/ui_footer_bg.png);background-size:cover;color:var(--gold);border-left:1px solid var(--gold);border-right:1px solid var(--gold);box-shadow:inset 0 0 10px #00000080;font-size:11px;font-weight:900;display:flex;flex-direction:column;justify-content:space-around;align-items:center;z-index:16;white-space:pre-line;line-height:1.2}#grid-section:before{content:"4\a 2\a 1\a 3\a 5";left:0;border-right:2px solid var(--gold)}#grid-section:after{right:0;border-left:2px solid var(--gold)}canvas{width:100%!important;height:100%!important}#controls-section{flex:0 0 auto;background:url(/ui_footer_bg.png);background-size:cover;background-position:center;display:flex;flex-direction:column;padding:5px 10px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px));z-index:15;border-top:3px solid var(--gold)}.promo-banner{background:linear-gradient(to bottom,#d32f2f,#b71c1c);border:2px solid var(--gold);border-radius:8px;color:#fff;text-align:center;font-weight:900;font-size:.9rem;padding:4px 10px;margin-bottom:8px;box-shadow:0 3px 10px #0009;text-transform:uppercase;letter-spacing:1px;position:relative}.promo-banner:before,.promo-banner:after{content:"";position:absolute;top:-5px;width:10px;height:calc(100% + 10px);background:var(--gold);border-radius:5px}.promo-banner:before{left:-5px}.promo-banner:after{right:-5px}.display-group{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;margin-bottom:10px}.display-box{background:url(/ui_footer_bg.png);background-size:cover;border:1.5px solid var(--gold);border-radius:8px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 15px #0006,inset 0 0 10px #00000080;position:relative;overflow:hidden}.display-box:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.box-label,.box-value{position:relative;z-index:2}.box-label{font-size:.55rem;color:var(--gold);text-transform:uppercase;font-weight:900;letter-spacing:1px}.box-value{font-size:.8rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.control-hub{display:flex;justify-content:space-around;align-items:center;margin-top:auto;padding-bottom:10px}.spin-outer{position:relative;width:75px;height:75px;display:flex;justify-content:center;align-items:center}.btn-spin{width:100%;height:100%;border-radius:50%;background:url(/btn_spin.png) no-repeat center;background-size:contain;border:none;cursor:pointer;filter:drop-shadow(0 8px 15px rgba(0,0,0,.5));transition:transform .1s}.btn-spin:active{transform:scale(.9) translateY(4px)}.yin-yang{display:none}@keyframes spin-ying{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aux-btn{width:42px;height:42px;background:radial-gradient(circle,#5a0c0c,#2a0000);border:2px solid var(--gold);border-radius:50%;color:var(--gold);display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:900;font-size:.65rem;box-shadow:0 3px 8px #0009,inset 0 1px 4px #ffd7004d;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.5)}.aux-btn.active{background:radial-gradient(circle,var(--gold) 0%,var(--dark-gold) 100%);color:#5a0c0c;box-shadow:0 0 20px var(--gold)}.aux-btn.turbo span{font-size:1.2rem}#cherry-bloom{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.petal{position:absolute;background:#ffcdd2;width:10px;height:6px;border-radius:0 50%;opacity:.6;animation:petal-fall linear infinite}@keyframes petal-fall{0%{transform:translateY(-50px) rotate(0)}to{transform:translateY(110vh) rotate(720deg) translate(100px)}}#launcher-bar{--time: .3s;position:fixed;top:0;left:0;z-index:9999;width:100%!important;background:#bebebe;transition:var(--time) linear;transition-property:background-color;height:6px}#launcher-bar:before{display:block;content:"";width:1%;height:6px;background:#787878;transition:var(--time) linear;transition-property:width,background-color}#launcher-bar.t1:before{width:10%;background:#19bee6}#launcher-bar.t2:before{width:20%;background:#a74eff}#launcher-bar.t3:before{width:30%;background:#fff100}#launcher-bar.t4:before{width:50%;background:#c8e35a}#launcher-bar.t5:before{width:80%;background:#ffaf2f}#launcher-bar.t6:before{width:90%;background:#74e259}#launcher-bar.sc:before{width:100%;background:#59e390}#launcher-bar.rt{background:#45341b!important}#launcher-bar.rt:before{background:#e3ac59!important}#launcher-bar.fl{background:#451b1b!important}#launcher-bar.fl:before{background:#e25959!important}#launcher-error{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:12000;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.error-modal-box{background:#1a1a1a;border:2px solid var(--gold);border-radius:16px;padding:30px;width:100%;max-width:420px;box-shadow:0 0 60px #000000e6,0 0 20px #ff4e5933;text-align:left;font-family:sans-serif;color:#fff;position:relative;margin:auto;animation:modal-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.error-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.error-header span{color:#ff4e59;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:1px}.error-line{border:0;border-top:1px solid #333;margin:15px 0}.error-desc{color:#ccc;line-height:1.5;margin-bottom:20px;font-size:13px}.error-desc strong{color:var(--gold)}.error-info-box{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:15px;margin-bottom:15px}.error-info-box dl{display:grid;grid-template-columns:60px 1fr;gap:8px;margin:0;font-size:12px;font-family:monospace}.error-info-box dt{color:#666}.error-info-box dd{color:#aaa;word-break:break-all;margin:0}#btn-copy{margin-top:12px;background:transparent;border:1px solid #ff4e59;color:#ff4e59;padding:8px 16px;border-radius:4px;cursor:pointer;width:100%;font-weight:700;font-size:12px;transition:all .2s;text-transform:uppercase}#btn-copy:hover{background:#ff4e591a}#btn-reload{transition:transform .1s;text-transform:uppercase;font-size:13px}#btn-reload:active{transform:scale(.98)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{background:url(/ui_footer_bg.png);background-size:cover;border:4px solid var(--gold);border-radius:20px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 0 60px #ffd70099;position:relative;transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-header{background:linear-gradient(to bottom,#d32f2f,#b71c1c);border-bottom:3px solid var(--gold);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.modal-header h2{margin:0;color:var(--gold);font-size:1.4rem;text-shadow:0 2px 4px rgba(0,0,0,.8);font-weight:900}.modal-close{background:var(--gold);border:none;width:32px;height:32px;border-radius:50%;font-size:1.2rem;font-weight:900;cursor:pointer;transition:all .2s;color:#000;box-shadow:0 2px 8px #0006}.modal-close:hover{background:#fff;transform:scale(1.1)}.modal-body{padding:20px;color:#fff}.info-section{margin-bottom:25px;background:#0009;padding:15px;border-radius:10px;border:2px solid rgba(255,215,0,.3)}.info-section h3{color:var(--gold);font-size:1.1rem;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.8)}.info-section p{margin:8px 0;line-height:1.6;font-size:.9rem}.info-section ul{margin:10px 0;padding-left:20px}.info-section li{margin:6px 0;line-height:1.5;font-size:.9rem}.paytable-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.paytable-item{background:#00000080;border:2px solid var(--gold);border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;transition:all .2s}.paytable-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #ffd70080;background:#ffd7001a}.symbol-preview{width:50px;height:50px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 8px rgba(255,215,0,.4));flex-shrink:0}.symbol-preview.wild{background-image:url(/sym_wild.png)}.symbol-preview.ingot{background-image:url(/sym_ingot.png)}.symbol-preview.jade{background-image:url(/sym_jade.png)}.symbol-preview.bag{background-image:url(/sym_bag.png)}.symbol-preview.tangerine{background-image:url(/sym_tangerine.png)}.symbol-preview.firecracker{background-image:url(/sym_firecracker.png)}.symbol-preview.envelope{background-image:url(/sym_envelope.png)}.symbol-info{display:flex;flex-direction:column;gap:4px}.symbol-info strong{color:#fff;font-size:.85rem;font-weight:700}.multiplier{color:var(--gold);font-size:1.1rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.8)}.paylines-diagram{display:flex;flex-direction:column;gap:10px}.payline-item{background:#00000080;border:2px solid var(--gold);border-radius:8px;padding:10px 15px;display:flex;align-items:center;gap:15px;transition:all .2s}.payline-item:hover{background:#ffd7001a;transform:translate(5px)}.line-number{background:var(--gold);color:#000;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:900;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #0006}.line-desc{color:#fff;font-size:.9rem;font-weight:600}.modal-footer{margin-top:20px;padding-top:15px;border-top:2px solid rgba(255,215,0,.3);text-align:center}.modal-footer small{color:#ffd700b3;font-size:.75rem;font-style:italic}@media(max-width:768px){.modal-content{width:95%;max-height:90vh}.paytable-grid{grid-template-columns:1fr}.modal-header h2{font-size:1.2rem}}.aux-btn.info span{font-size:1.5rem;font-weight:900}.history-card{background:#00000080;border:2px solid rgba(255,215,0,.4);border-radius:10px;margin-bottom:15px;overflow:hidden;transition:all .2s;position:relative}.history-card.win{border-color:var(--gold);box-shadow:0 0 15px #ffd7004d}.history-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 5px 20px #ffd70066}.history-header{background:linear-gradient(to bottom,#d32f2f99,#b71c1c99);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,215,0,.3)}.history-id{font-size:.75rem;color:#ffd700cc;font-family:monospace;font-weight:600}.history-time{font-size:.75rem;color:#ffffffb3;font-weight:600}.history-body{padding:12px 15px}.history-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-row:last-child{margin-bottom:0}.history-row .label{font-size:.85rem;color:#ffffffb3;font-weight:600}.history-row .value{font-size:.9rem;color:#fff;font-weight:700}.history-row .win-text{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.5)}.bonus-badge{position:absolute;top:8px;right:8px;background:var(--gold);color:#000;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:900;box-shadow:0 2px 8px #0006;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.aux-btn.history span{font-size:1.3rem}