:root{color-scheme:dark;--gold:#ffd976;--deep:#160d05;--teal:#6fffe5;--panel:#211307e8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,sans-serif;background:#090703;color:#fff4ca}body{min-height:100vh;background-image:linear-gradient(#06050244,#050302aa),url('/assets/temple-gems/ui/background.png');background-size:cover;background-position:center;background-attachment:fixed}.tg-app{position:relative;width:min(100%,680px);min-height:100vh;margin:auto;padding:8px 12px 20px;overflow:hidden}.tg-header{height:84px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px}.tg-title{display:block;width:min(70%,310px);max-height:78px;margin:auto;object-fit:contain;filter:drop-shadow(0 4px 7px #000)}.tg-round-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d9a635;border-radius:50%;background:#1a1008cc;color:var(--gold);font:900 21px/1 Georgia,serif;text-decoration:none;box-shadow:inset 0 1px #fff3af44,0 5px 14px #0009}.tg-scene{position:relative;margin-top:clamp(38px,8vh,88px)}.tg-message{height:24px;margin:0 auto 7px;text-align:center;color:#ffe493;font:800 11px/24px Georgia,serif;letter-spacing:.16em;text-shadow:0 2px 5px #000}.tg-cabinet{display:grid;grid-template-columns:minmax(0,1fr) clamp(82px,18%,112px);align-items:center;gap:7px;width:min(100%,570px);margin:auto;padding:9px;border:1px solid #d9a53d88;border-radius:18px;background:linear-gradient(150deg,#1c1107ed,#050403ed);box-shadow:0 20px 44px #000d,inset 0 1px #fff0a333}.tg-main-reels{position:relative;aspect-ratio:1/1}.tg-frame{position:absolute;z-index:5;inset:-2.5%;width:105%;height:105%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 7px 9px #000)}.tg-reel-window{position:absolute;z-index:2;inset:8%;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;overflow:hidden;background:#160c05;border-radius:5px}.tg-reel{position:relative;overflow:hidden;background:linear-gradient(#2a180a,#100a05)}.tg-strip{height:100%;display:grid;grid-template-rows:repeat(3,1fr);will-change:transform}.tg-symbol{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;border:1px solid #a7722844;background:radial-gradient(circle at 50% 36%,#f9d887 0,#a46a31 52%,#452414 100%)}.tg-symbol img{display:block;width:96%;height:96%;object-fit:cover;filter:drop-shadow(0 3px 3px #0008);transition:.25s}.tg-symbol.is-winning{z-index:3;animation:tg-symbol-win .62s ease-in-out infinite alternate;box-shadow:inset 0 0 24px #fff5aa,0 0 16px #77ffeb}.tg-symbol.is-dim{filter:brightness(.32) saturate(.55)}@keyframes tg-symbol-win{to{filter:brightness(1.35);transform:scale(1.045)}}.tg-reel.is-spinning .tg-strip{animation:tg-loop .115s linear infinite;filter:blur(3px) saturate(.8)}@keyframes tg-loop{from{transform:translateY(-33.333%)}to{transform:translateY(0)}}.tg-win-fx{position:absolute;z-index:8;inset:8%;width:84%;height:84%;overflow:hidden;pointer-events:none}.tg-win-fx .energy-shadow{fill:none;stroke:#8dfff0;stroke-width:15;opacity:.34;filter:blur(6px)}.tg-win-fx .energy{fill:none;stroke:url(#tgEnergy);stroke-width:4;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:4 8;filter:drop-shadow(0 0 5px #5cffe2);animation:tg-energy .42s linear infinite}.tg-win-fx .diamond{fill:#fff;stroke:#6dffe7;stroke-width:3;filter:drop-shadow(0 0 8px #91fff0)}@keyframes tg-energy{to{stroke-dashoffset:-36}}.tg-multiplier-panel{min-width:0;text-align:center}.tg-multiplier-panel>strong{display:block;margin-bottom:5px;color:#f9ce69;font:800 clamp(8px,1.8vw,11px)/1.05 Georgia,serif;letter-spacing:.08em}.tg-multiplier-window{height:clamp(230px,54vw,348px);overflow:hidden;border:1px solid #bd8534;border-radius:999px;background:#090603;box-shadow:inset 0 0 22px #000}.tg-multiplier-strip{display:grid;grid-auto-rows:calc(clamp(230px,54vw,348px)/3);will-change:transform}.tg-medallion{display:grid;place-items:center;position:relative;transition:.3s}.tg-medallion img{width:90%;height:90%;object-fit:contain}.tg-medallion.is-selected{z-index:2;transform:scale(1.12);filter:drop-shadow(0 0 10px #fff1a0) brightness(1.15);animation:tg-medallion .7s ease-in-out infinite alternate}.tg-medallion.is-dim{filter:brightness(.35) grayscale(.45)}@keyframes tg-medallion{to{transform:scale(1.19)}}.tg-multiplier-window.is-spinning .tg-multiplier-strip{animation:tg-mult-loop .13s linear infinite;filter:blur(2.5px)}@keyframes tg-mult-loop{from{transform:translateY(-33.333%)}to{transform:translateY(0)}}.tg-status{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(100%,570px);margin:8px auto 0}.tg-status>div{padding:7px;border:1px solid #a87936;border-radius:12px;background:var(--panel);text-align:center;box-shadow:inset 0 1px #fff0a326}.tg-status small,.tg-bet-control small{display:block;color:#c7aa70;font-size:8px;letter-spacing:.16em}.tg-status strong,.tg-bet-control strong{color:#ffe18b;font-size:clamp(13px,3.5vw,19px)}.tg-win-value strong{color:#80ffe4}.tg-controls{display:grid;grid-template-columns:minmax(150px,1.55fr) 100px 64px 64px 64px;gap:6px;align-items:center;width:min(100%,610px);margin:8px auto 0}.tg-controls button{cursor:pointer}.tg-bet-control{display:grid;grid-template-columns:44px 1fr 44px;align-items:stretch;height:55px;border:1px solid #a97934;border-radius:15px;background:var(--panel);overflow:hidden}.tg-bet-control>div{display:grid;place-items:center;align-content:center}.tg-bet-control button{border:0;background:linear-gradient(#3a2811,#1b1007);color:#ffe38c;font-size:27px;font-weight:900}.tg-spin{position:relative;width:100px;height:64px;border:3px solid #ffc94d;border-radius:50%;background:radial-gradient(circle at 50% 35%,#f93d33,#9b0907 58%,#3b0504 60%);color:#ffe887;font:900 18px Georgia,serif;box-shadow:inset 0 0 0 5px #d68b25,0 4px 13px #000b,0 0 12px #ffb52b66}.tg-auto,.tg-tool{display:grid;place-items:center;align-content:center;height:54px;border:1px solid #a87832;border-radius:14px;background:linear-gradient(#38240d,#170d06);color:#ffe08a}.tg-auto span,.tg-tool span{font-size:19px}.tg-auto b,.tg-tool b{font-size:7px;letter-spacing:.08em}.tg-auto.active,.tg-tool.active{border-color:#78ffe6;color:#bafff2;box-shadow:0 0 12px #52fbd47d,inset 0 0 8px #52fbd43d}button:disabled{opacity:.42;cursor:not-allowed}.tg-celebration{position:fixed;z-index:30;left:50%;top:44%;transform:translate(-50%,-50%) scale(.7);display:grid;place-items:center;opacity:0;pointer-events:none;text-align:center;transition:.3s}.tg-celebration.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.tg-celebration strong{color:#fff0a0;font:900 clamp(38px,12vw,74px)/.95 Georgia,serif;-webkit-text-stroke:2px #8d4704;text-shadow:0 0 12px #fff,0 0 35px #ffae00}.tg-celebration span{color:#8ffff0;font:900 clamp(23px,8vw,48px) Georgia,serif;text-shadow:0 0 12px #000}.tg-dialog{position:relative;max-width:410px;border:1px solid #d6a640;border-radius:18px;background:#160d05;color:#f8e8b2;box-shadow:0 24px 80px #000;padding:24px}.tg-dialog::backdrop{background:#000c}.tg-dialog>button{position:absolute;right:7px;top:4px;border:0;background:none;color:#ffdb72;font-size:28px}.tg-dialog h2{margin:0;color:#ffdc7b}.tg-dialog p{line-height:1.45}@media(max-width:560px){.tg-app{padding:5px}.tg-header{height:62px;grid-template-columns:34px 1fr 34px}.tg-round-button{width:32px;height:32px;font-size:17px}.tg-title{max-height:56px}.tg-scene{margin-top:clamp(24px,6vh,55px)}.tg-cabinet{grid-template-columns:minmax(0,1fr) 76px;gap:3px;padding:5px}.tg-multiplier-window{height:min(66vw,300px)}.tg-multiplier-strip{grid-auto-rows:calc(min(66vw,300px)/3)}.tg-controls{grid-template-columns:minmax(130px,1.6fr) 76px 48px 48px 48px;gap:3px}.tg-bet-control{grid-template-columns:36px 1fr 36px;height:48px}.tg-spin{width:76px;height:54px;font-size:14px}.tg-auto,.tg-tool{height:47px;border-radius:11px}.tg-auto span,.tg-tool span{font-size:16px}.tg-auto b,.tg-tool b{font-size:6px}}