/* One immersive temple. The only border around the reels belongs to the 3D stone carving. */
.orientation-gate[hidden]{display:none!important}
/* Cover portrait immediately, even before the module and textures finish loading. */
@media(orientation:portrait){.orientation-gate[hidden]{display:grid!important}body{overflow:hidden}}
.orientation-blocked{overflow:hidden!important}
.orientation-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;text-align:center;padding:25px 20px;color:#f5dfba;background:linear-gradient(#160f09a8,#1d160ab0),url('../assets/images/temple-sandstone-portrait.png') center/cover;overflow:auto}
.orientation-content{max-width:420px;text-shadow:0 2px 7px #130b06}
.orientation-brand{font:600 12px var(--serif);letter-spacing:6px;color:#e2bc78}
.orientation-eye{font-size:56px;line-height:1.2;margin:20px 0 10px;color:#f6d38d;filter:drop-shadow(0 0 20px #d09c3870)}
.rotate-illustration{position:relative;width:190px;height:165px;margin:8px auto 28px;display:grid;place-items:center}
.rotate-orbit{position:absolute;width:154px;height:154px;border:1px solid #dfb86b33;border-radius:50%;box-shadow:0 0 35px #d3a83b13,inset 0 0 25px #e9c26c0d}
.rotate-phone{position:relative;width:66px;height:112px;border:2px solid #edcb89;border-radius:12px;padding:8px;box-shadow:0 0 15px #f2bc3633,inset 0 0 18px #d9b55722;animation:turn-device 4.2s cubic-bezier(.4,0,.2,1) infinite}
.rotate-phone:before{content:'';position:absolute;top:4px;left:23px;width:17px;height:3px;border-radius:4px;background:#eac381}
.rotate-phone span{display:grid;place-items:center;height:100%;border-radius:5px;background:linear-gradient(#b48b4438,#123d37a6);font-size:32px;color:#f9d997}
.rotate-arrow{position:absolute;right:-1px;top:44px;color:#e8c077;font-size:47px;animation:turn-arrow 4.2s ease-in-out infinite}
.orientation-kicker{font-size:8px;letter-spacing:3.4px;color:#d9b47a;margin:10px 0}
.orientation-content h1{font:500 clamp(28px,8vw,36px)/1.1 var(--serif);margin:15px 0}
.orientation-content>p:not(.orientation-kicker){font-size:13px;line-height:1.8;color:#e7d6b8}
.orientation-content small{font-size:10px;line-height:1.8;color:#bfa989}
.orientation-rule{display:flex;align-items:center;gap:15px;justify-content:center;margin:22px;color:#d9b36d}
.orientation-rule:before,.orientation-rule:after{content:'';height:1px;width:54px;background:linear-gradient(90deg,transparent,#b49256)}
.orientation-rule:after{transform:rotate(180deg)}
@keyframes turn-device{0%,16%{transform:rotate(0)}45%,77%{transform:rotate(-90deg)}100%{transform:rotate(0)}}
@keyframes turn-arrow{0%,15%,100%{opacity:.35;transform:rotate(0)}45%,77%{opacity:1;transform:rotate(-40deg)}}
.treasure-canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 3px #3b20077a)}
.game-view .win-medallion{width:250px;height:82px;margin:0 0 6px;animation:sun-wings-open .75s cubic-bezier(.2,.7,.2,1) both;filter:drop-shadow(0 0 19px #ffc54285)}
.winged-sun{width:100%;height:100%;overflow:visible}
.game-view .bonus-eye{display:block;width:250px;height:78px;animation:sun-wings-open .9s both}
.game-view .win-sunburst{background:repeating-conic-gradient(from 0deg,#ffd77125 0deg 4deg,transparent 6deg 18deg);mask-image:radial-gradient(circle,transparent 8%,#000 25%,transparent 67%)}
.glyph-orbit{position:absolute;bottom:10%;font:21px var(--serif);letter-spacing:24px;color:#e6bb64;opacity:.55;animation:glyph-rise 2.5s ease-out both;text-shadow:0 0 18px #eec445}
.game-view .win-overlay>strong{color:#fff0ad;text-shadow:0 2px 0 #9c6322,0 5px 0 #543510,0 0 33px #ffaa386b}
.game-view .win-overlay[data-tier=epic]{background:radial-gradient(ellipse,#523518f5,#23170ddb 48%,#3c291775)}
@keyframes sun-wings-open{from{opacity:0;transform:scaleX(.25) scaleY(.7) translateY(14px)}to{opacity:1;transform:scale(1)}}
@keyframes glyph-rise{from{opacity:0;transform:translateY(20px);letter-spacing:16px}40%{opacity:.65}to{opacity:.3;transform:translateY(-7px);letter-spacing:25px}}
@media(max-height:620px) and (orientation:landscape){.game-view .win-medallion,.game-view .bonus-eye{width:145px;height:42px;margin:0}.glyph-orbit{font-size:12px;bottom:6%;letter-spacing:12px}.game-view .win-overlay>strong{font-size:48px}.game-view .win-overlay>span{font-size:15px}.game-view .win-ornament{margin-top:5px;font-size:6px}}
@media(max-height:650px) and (orientation:portrait){.orientation-eye{font-size:40px;margin:13px 0 0}.rotate-illustration{transform:scale(.85);margin:-3px auto 2px}.orientation-rule{margin:15px}}
@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}.rotate-arrow,.game-view .win-medallion,.game-view .bonus-eye,.glyph-orbit{animation:none}}
body.game-active { overflow:hidden; background:#302316; }
.game-active .sidebar,.game-active .topbar { display:none; }
.game-active .app-shell { margin:0; padding:0; }
.game-active main { max-width:none; margin:0; }
.game-view,.game-view:fullscreen {
  --sand:#ebcf9f; --sand-muted:#bfb096; --stone-image:url('../assets/images/sandstone-seamless.png');
  position:relative; isolation:isolate; display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  width:100%; max-width:none; height:100vh; height:100dvh; min-height:0;
  padding:max(12px,env(safe-area-inset-top)) clamp(14px,3.4vw,72px) max(10px,env(safe-area-inset-bottom));
  gap:4px; overflow:hidden;
  background:#372a1c url('../assets/images/temple-sandstone.png') center center/cover no-repeat;
  color:#f6e5c7;
}
.game-view:before {
  content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg,#120d0869,transparent 24%,transparent 68%,#130d09ab),radial-gradient(ellipse at 50% 43%,transparent 40%,#100c0847 100%);
}
.game-view .game-top {
  grid-row:1; min-height:68px; width:100%; max-width:1620px; margin:0 auto;
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; padding:0;
}
.game-view .back-button { position:static; justify-self:start; color:#f3dec0; font-size:12px; min-height:44px; padding:0 12px; text-shadow:0 2px 4px #120c08; }
.game-view .game-heading p { color:#debd82; font-size:8px; letter-spacing:4px; text-shadow:0 2px 2px #1b1109; }
.game-view .game-heading h1 { margin:2px 0 0; font:600 clamp(29px,2.9vw,47px)/1.07 var(--serif); letter-spacing:1px; color:#f7deb0; text-shadow:0 2px 1px #553a21,0 4px 18px #0b0708a8; }
.game-view .game-tools { position:static; justify-self:end; gap:8px; }
.game-view .game-tools .icon-button {
  width:42px; height:42px; border:1px solid #d9b47b50; border-radius:50%; color:#efdbb2;
  background:linear-gradient(#8b715126,#34261891); box-shadow:inset 0 1px 0 #fbe2b82e,0 3px 7px #130d0759;
}
.game-view .game-tools .icon-button:hover,.game-view .game-tools .icon-button[aria-pressed=true] { background:#91703f69; border-color:#e4c794a3; color:#fff0ce; }
.game-view .sound-invitation {
  grid-row:2; justify-self:center; margin:0; padding:4px 9px; min-height:35px; gap:10px;
  background:linear-gradient(90deg,transparent,#21180e91 25%,#21180e91 75%,transparent);
  border:0; border-radius:0; color:#ecd3ad; box-shadow:none;
}
.game-view .sound-invitation>svg { width:16px; height:16px; color:#ddbe87; }
.game-view .sound-invitation>span { font-size:10px; font-weight:500; text-shadow:0 1px 4px #0e0a06; }
.game-view .sound-invitation small { display:none; }
.game-view .sound-invitation>button:nth-last-child(2) { padding:4px 8px; min-height:28px; border:0; border-bottom:1px solid #cda2658c; border-radius:0; background:none; color:#ffdfa2; font-size:10px; }
.game-view .sound-invitation>button:last-child { color:#d7c09e; min-width:28px; min-height:28px; font-size:18px; }
.game-view .slot-world,.game-view:fullscreen .slot-world {
  grid-row:3; display:grid; grid-template:24px 14px minmax(0,1fr) 25px 24px / minmax(0,1fr);
  position:relative; width:100%; max-width:1510px; height:100%; min-height:0;
  padding:0; margin:0 auto; overflow:visible; isolation:auto;
  border:0; border-radius:0; box-shadow:none; background:none;
}
.game-view .temple-vignette,.game-view .temple-glow { display:none; }
.game-view .slot-topline { grid-area:1/1; align-self:center; margin:0; gap:23px; font-size:9px; letter-spacing:2px; color:#ead4aa; text-shadow:0 2px 3px #1e1309; }
.game-view .slot-wing { font-size:30px; color:#eed9af; filter:drop-shadow(0 1px 2px #211408); }
.game-view .free-spin-banner { grid-area:1/1; align-self:center; justify-self:center; margin:0; padding:3px 14px; max-width:none; background:#123b30d9; border:1px solid #92ae8255; border-radius:2px; box-shadow:0 3px 10px #130c0859; font-size:9px; letter-spacing:1.3px; }
.game-view .free-spin-banner b { font-size:17px; }
.game-view .bonus-active .slot-topline { visibility:hidden; }
.game-view .reel-crown { grid-area:2/1; margin:0; height:14px; gap:14px; align-self:center; color:#bb9460; }
.game-view .reel-crown:before,.game-view .reel-crown:after { display:none; }
.game-view .reel-progress { gap:18px; }
.game-view .reel-progress>span { width:4px; height:4px; border:1px solid #b79868; background:#34281d; box-shadow:0 1px 0 #ead19b50; }
.game-view .reel-progress>span.landed { background:#ffe9af; box-shadow:0 0 9px #ffcf72; }
.game-view .reel-stage { grid-area:3/1; min-height:0; width:100%; height:100%; display:grid; place-items:center; container-type:size; }
.game-view .reel-frame {
  position:relative; width:min(100cqw,195cqh); height:auto; aspect-ratio:1.95;
  margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:none; isolation:isolate;
  filter:drop-shadow(0 13px 13px #110b096b);
}
.game-view .reel-frame:before,.game-view .reel-frame:after,.game-view .frame-corner,.game-view .reel-glass { display:none; }
.game-view #reel-canvas,.game-view:fullscreen #reel-canvas { width:100%; height:auto; aspect-ratio:1.95; max-height:none; border-radius:0; background:transparent; }
.game-view .slot-status { grid-area:4/1; align-self:center; margin:0; padding:0 8px; min-height:0; font-size:11px; line-height:1.4; color:#eddec1; text-shadow:0 2px 5px #0b0805; }
.game-view .slot-status.won { color:#ffe1a2; text-shadow:0 0 10px #9f521c,0 2px 4px #0b0805; }
.game-view .result-tray { grid-area:5/1; align-self:center; min-height:0; margin:0; gap:9px; }
.game-view .result-summary { font-size:10px; color:#f4d8a2; padding:3px 10px; border-radius:3px; background:#251c10a6; border:1px solid #ccae6866; box-shadow:none; }
.game-view .result-summary small { color:#ccb797; }
.game-view .scatter-chip { border-radius:3px; background:#263e2abc; }
.game-view .slot-console {
  grid-row:4; position:relative; isolation:isolate; display:grid;
  grid-template-columns:minmax(0,1fr) minmax(125px,.8fr) minmax(290px,1.35fr) minmax(0,1fr);
  align-items:center; gap:26px; width:100%; max-width:1350px; margin:6px auto 0; padding:19px clamp(20px,3vw,54px) 22px;
  background:none; border:0; border-radius:0; box-shadow:none;
}
.game-view .slot-console:before {
  content:''; position:absolute; inset:0; width:auto; height:auto; z-index:-1; pointer-events:none;
  background-image:linear-gradient(180deg,#ac8b5766,#281d13ad 50%,#22180dbd),var(--stone-image);
  background-size:auto,420px 420px; background-position:center; background-color:#655039; background-blend-mode:multiply,normal;
  clip-path:polygon(1% 7%,12% 1%,48% 3%,72% 0,99% 5%,100% 19%,99.6% 89%,98% 100%,56% 97%,29% 100%,.5% 94%,0 19%);
  box-shadow:inset 0 3px 2px #ead9b58c,inset 0 -8px 10px #150e09b0;
  opacity:.94;
}
.game-view .console-stat,.game-view .bet-control,.game-view .spin-actions { min-width:0; order:initial; flex:initial; }
.game-view .console-stat label,.game-view .bet-control>label { font-size:9px; letter-spacing:1.5px; margin-bottom:7px; color:#e0c9a3; text-shadow:0 1px 3px #24160c; }
.game-view .console-stat>strong { color:#ffebc9; text-shadow:0 2px 0 #594024,0 3px 6px #1a100b; font-size:clamp(20px,2.1vw,31px); font-weight:600; gap:9px; }
.game-view .console-stat .tiny-coin { width:23px; height:23px; font-size:15px; flex-shrink:0; background:linear-gradient(135deg,#e9ca8b,#86622f); border-color:#cfb07a; color:#5b3e1c; }
.game-view .last-win { text-align:right; }
.game-view .last-win>strong { justify-content:flex-end; }
.game-view .bet-control { text-align:center; }
.game-view .bet-control>div { justify-content:space-between; height:39px; border:1px solid #c4a77947; border-radius:3px; background:#281e12a8; box-shadow:inset 0 3px 5px #09050391,0 1px 0 #d6b6804f; }
.game-view .bet-control button { width:37px; height:37px; color:#e8c898; font-size:23px; }
.game-view .bet-control strong { color:#fae7bf; min-width:51px; font-size:14px; }
.game-view .spin-actions { width:auto; margin:0; justify-content:center; gap:14px; }
.game-view .spin-button {
  width:210px; min-width:185px; height:69px; min-height:0; padding:0 23px; border-radius:48% / 43%;
  border:1px solid #dfc38c; color:#3a2714; font-size:13px; font-weight:800; letter-spacing:1.7px;
  background-image:radial-gradient(ellipse at 45% 0,#fff4c6bb,transparent 68%),linear-gradient(180deg,#e9c9866b,#a97e3c26),var(--stone-image);
  background-size:auto,auto,230px; background-color:#c8a569; background-blend-mode:screen,multiply,multiply;
  box-shadow:inset 0 2px 1px #ffeec89c,inset 0 -4px 4px #7b572586,0 5px 0 #72512c,0 9px 13px #1b120bd4;
  text-shadow:0 1px #ffefb99c;
}
.game-view .spin-button:before { display:none; }
.game-view .spin-button:hover:enabled { filter:brightness(1.12); box-shadow:inset 0 2px 1px #ffeec89c,inset 0 -4px 4px #7b572586,0 5px 0 #72512c,0 9px 16px #1b120bd4,0 0 19px #e9ba5940; }
.game-view .spin-button:active:enabled { transform:translateY(3px); box-shadow:inset 0 2px 4px #88653480,0 2px 0 #72512c,0 4px 6px #1b120bd4; }
.game-view .spin-button:disabled { opacity:.84; filter:saturate(.78); }
.game-view .spin-button svg { width:26px; height:26px; }
.game-view .turbo-button { width:37px; height:42px; border:1px solid #c5a9774d; background:#32261775; color:#d2bc95; border-radius:45% / 30%; }
.game-view .turbo-button[aria-pressed=true] { color:#ffe0a3; background:#90744455; border-color:#d4b37e; box-shadow:inset 0 1px #eace9c33; }
.game-view .auto-button { width:35px; min-height:44px; color:#d2bc95; font-size:8px; }
.game-view .auto-button.active { color:#fff0b0; }
.game-view .game-bottom { grid-row:5; margin:0 auto; width:100%; max-width:1320px; padding:7px 12px 0; gap:12px; font-size:9px; color:#d5c3a4; text-shadow:0 1px 3px #160f09; }
.game-view .game-bottom>button { color:#ecd3a9; font-size:10px; }
.game-view .game-bottom kbd { background:#392b1bbb; border-color:#af906655; color:#e8d5b0; }
.game-view .game-bottom>span i { background:#cda872; box-shadow:0 0 7px #e7bd7255; }
.game-view #slot-loading { inset:2%; border-radius:2px; background:radial-gradient(ellipse,#594731,#21180e); color:#ebd7b2; }
.game-view .win-overlay,.game-view .bonus-reveal { inset:5% 2.5%; border-radius:5px; }
.game-view .win-overlay { background:radial-gradient(ellipse,#332516f0 6%,#251a10d9 37%,#1c150dbd 65%,#211a1140); }
.game-view .celebration-particles { inset:3%; }
.game-view .session-reminder { position:absolute; left:50%; bottom:150px; transform:translateX(-50%); z-index:20; width:min(90%,560px); background:#332819f5; border-color:#bba175; color:#ecd8b7; box-shadow:0 8px 25px #0009; }
.game-active dialog { border-color:#b59b6c88; background:linear-gradient(145deg,#382f22,#181e17); }
.game-active .toasts { top:100px; bottom:auto; right:24px; max-width:290px; }
@media(max-width:900px) {
  .game-view,.game-view:fullscreen { padding-left:16px; padding-right:16px; }
  .game-view .game-top { gap:8px; min-height:63px; }
  .game-view .game-heading h1 { font-size:30px; }
  .game-view .game-heading p { font-size:6px; letter-spacing:2px; }
  .game-view .game-tools { gap:5px; }
  .game-view .game-tools .icon-button { width:35px; height:35px; }
  .game-view .back-button { font-size:10px; padding:0 4px; }
  .game-view .slot-console { grid-template-columns:1fr .85fr 2fr 1fr; gap:14px; padding:17px 23px 20px; }
  .game-view .console-stat label,.game-view .bet-control>label { font-size:7px; letter-spacing:.6px; }
  .game-view .console-stat>strong { font-size:21px; }
  .game-view .spin-button { min-width:155px; width:165px; height:61px; font-size:11px; padding:0 14px; letter-spacing:1px; }
  .game-view .spin-actions { gap:9px; }.game-view .turbo-button { width:31px; }
}
@media(max-width:600px) and (orientation:portrait) {
  .game-view,.game-view:fullscreen { padding:12px 8px max(12px,env(safe-area-inset-bottom)); gap:3px; background-image:url('../assets/images/temple-sandstone-portrait.png'); background-position:center; }
  .game-view .game-top { grid-template-columns:1fr 1fr; grid-template-rows:44px 57px; gap:4px 8px; min-height:0; }
  .game-view .back-button { grid-area:1/1; min-height:36px; font-size:11px; padding:0 9px; }
  .game-view .game-tools { grid-area:1/2; padding-right:5px; }
  .game-view .game-tools .icon-button { width:40px; height:40px; }
  .game-view .game-heading { grid-area:2/1/3/3; align-self:center; }
  .game-view .game-heading h1 { font-size:35px; }
  .game-view .game-heading p { font-size:7px; letter-spacing:3px; }
  .game-view .sound-invitation { min-height:32px; padding:1px 6px; gap:7px; }
  .game-view .sound-invitation>span { font-size:9px; }.game-view .sound-invitation>button:nth-last-child(2) { font-size:9px; }
  .game-view .slot-world { grid-template-rows:24px 13px auto 35px 23px; align-content:center; }
  .game-view .reel-stage { height:auto; aspect-ratio:1.95; }
  .game-view .slot-topline { font-size:7px; letter-spacing:1.5px; gap:17px; }.game-view .slot-wing { font-size:27px; }
  .game-view .slot-status { font-size:10px; line-height:1.5; padding:0 15px; }
  .game-view .result-summary { font-size:9px; }.game-view .result-summary small { font-size:7px; }
  .game-view .slot-console { grid-template-columns:1fr 1fr 1fr; grid-template-rows:58px 77px; gap:4px 12px; padding:14px 18px 19px; margin-top:7px; }
  .game-view .console-stat { grid-area:1/1; }.game-view .bet-control { grid-area:1/2; }.game-view .last-win { grid-area:1/3; }
  .game-view .spin-actions { grid-area:2/1/3/4; gap:25px; }
  .game-view .console-stat label,.game-view .bet-control>label { font-size:7px; letter-spacing:.6px; margin-bottom:6px; }
  .game-view .console-stat>strong { font-size:19px; gap:5px; }
  .game-view .console-stat .tiny-coin { width:17px; height:17px; font-size:11px; }
  .game-view .bet-control>div { height:33px; }.game-view .bet-control button { width:26px; height:31px; font-size:21px; }.game-view .bet-control strong { font-size:12px; min-width:37px; }
  .game-view .spin-button { min-width:184px; width:205px; height:65px; font-size:12px; }
  .game-view .turbo-button { width:35px; height:41px; }.game-view .auto-button { width:35px; }
  .game-view .game-bottom { padding:5px 8px 0; justify-content:space-between; flex-wrap:nowrap; font-size:7px; gap:9px; }
  .game-view .game-bottom>span:first-child { font-size:7px; gap:4px; }.game-view .game-bottom>button { font-size:8px; }.game-view .keyboard-tip { display:none; }
  .game-view .free-spin-banner { padding:2px 6px; font-size:7px; letter-spacing:.5px; }.game-view .free-spin-banner b { font-size:15px; }
  .game-view .session-reminder { bottom:210px; }
  .game-active .toasts { top:155px; bottom:auto; left:12px; right:12px; max-width:none; }
}
@media(max-height:620px) and (orientation:landscape) {
  .game-view,.game-view:fullscreen { padding:5px max(14px,env(safe-area-inset-right)) 5px max(14px,env(safe-area-inset-left)); gap:0; }
  .game-view .game-top { min-height:44px; }.game-view .game-heading h1 { font-size:26px; }.game-view .game-heading p { display:none; }
  .game-view .game-tools .icon-button { width:32px; height:32px; }.game-view .back-button { min-height:32px; }
  .game-view .sound-invitation { position:absolute; left:15px; top:52px; padding:3px; min-height:28px; gap:3px; z-index:3; background:#251b11a8; }
  .game-view .sound-invitation>span,.game-view .sound-invitation>svg { display:none; }
  .game-view .slot-world { grid-template-rows:16px 8px minmax(0,1fr) 18px 0; }
  .game-view .slot-topline { font-size:6px; gap:13px; }.game-view .slot-wing { font-size:21px; }
  .game-view .reel-crown { height:8px; }.game-view .reel-progress>span { width:3px; height:3px; }
  .game-view .result-tray { position:absolute; bottom:0; right:0; z-index:4; }.game-view .result-summary { font-size:8px; padding:2px 7px; }.game-view .result-summary small { display:none; }
  .game-view .slot-status { font-size:8px; }.game-view .slot-console { padding:7px 26px 10px; margin:0 auto; gap:18px; max-width:1030px; grid-template-columns:1fr .8fr 1.8fr 1fr; }
  .game-view .console-stat label,.game-view .bet-control>label { font-size:6px; margin-bottom:3px; letter-spacing:.5px; }.game-view .console-stat>strong { font-size:18px; }
  .game-view .spin-button { min-width:150px; width:164px; height:47px; font-size:10px; padding:0 14px; }.game-view .spin-button svg { width:23px; height:23px; }
  .game-view .turbo-button { width:30px; height:33px; }.game-view .spin-actions { gap:10px; }
  .game-view .bet-control>div { height:29px; }.game-view .bet-control button { height:27px; width:27px; font-size:20px; }.game-view .bet-control strong { font-size:11px; min-width:38px; }
  .game-view .game-bottom { padding:2px 9px 0; font-size:7px; flex-wrap:nowrap; }.game-view .game-bottom>button { font-size:8px; }.game-view .keyboard-tip { display:none; }
  .game-view .free-spin-banner { font-size:6px; padding:0 9px; }.game-view .free-spin-banner b { font-size:12px; }
  .game-active .toasts { top:auto; bottom:84px; left:14px; right:auto; max-width:min(220px,22vw); }
}
@media(max-width:360px) and (orientation:portrait) {
  .game-view .game-heading h1 { font-size:30px; }.game-view .game-tools { gap:3px; }.game-view .game-tools .icon-button { width:32px; height:32px; }
  .game-view .slot-console { padding-left:13px; padding-right:13px; gap:4px 8px; }.game-view .console-stat>strong { font-size:16px; }.game-view .console-stat .tiny-coin { display:none; }
  .game-view .spin-actions { gap:15px; }.game-view .spin-button { width:184px; }
}
@media(max-width:600px) and (max-height:700px) and (orientation:portrait) {
  .game-view .game-top { grid-template-rows:37px 49px; }
  .game-view .game-heading h1 { font-size:30px; }
  .game-view .slot-world { grid-template-rows:19px 9px minmax(0,1fr) 30px 21px; align-content:stretch; }
  .game-view .reel-stage { height:100%; aspect-ratio:auto; }
  .game-view .slot-console { grid-template-rows:48px 67px; padding-top:10px; padding-bottom:15px; }
  .game-view .spin-button { height:59px; }
}

/* Keep the playable surface dominant; metadata shares compact rows. */
@media(orientation:landscape){
  .game-view,.game-view:fullscreen{padding:8px max(16px,2vw,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,2vw,env(safe-area-inset-left));gap:2px;grid-template-rows:44px 0 minmax(0,1fr) auto auto}
  .game-view .game-top{min-height:44px;max-width:1800px;gap:12px}
  .game-view .game-heading{display:flex;align-items:center;gap:13px}
  .game-view .game-heading h1{font-size:clamp(27px,2.4vw,35px);line-height:1.05;margin:0;letter-spacing:.5px;white-space:nowrap}
  .game-view .game-heading p{font-size:6px;letter-spacing:1.7px;max-width:67px;line-height:1.65;margin:0}
  .game-view .game-tools .icon-button{width:36px;height:36px}
  .game-view .sound-invitation{position:absolute;top:15px;left:max(clamp(130px,12vw,190px),calc((100% - 1800px)/2 + 130px));z-index:5;grid-row:auto;min-height:26px;padding:0 5px;gap:5px;background:#2d20145e;border-radius:3px}
  .game-view .sound-invitation>span,.game-view .sound-invitation>svg{display:none}
  .game-view .sound-invitation>button:nth-last-child(2){min-height:26px;padding:3px 4px;font-size:9px}
  .game-view .sound-invitation>button:last-child{min-width:24px;min-height:26px}
  .game-view .slot-world,.game-view:fullscreen .slot-world{max-width:1800px;grid-template:18px 0 minmax(0,1fr) 24px 0 / minmax(0,1fr)}
  .game-view .slot-topline{gap:14px;font-size:8px;letter-spacing:1.4px}
  .game-view .slot-wing{font-size:22px;line-height:1}
  .game-view .reel-crown{grid-area:1/1;position:absolute;top:4px;right:12%;height:8px;gap:0}
  .game-view .reel-crown>span{display:none}
  .game-view .reel-progress{gap:11px}
  .game-view .free-spin-banner{font-size:8px;padding:0 10px;line-height:1.4}
  .game-view .free-spin-banner b{font-size:14px}
  .game-view .spin-feedback{grid-area:4/1;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;height:24px;padding:0 8px}
  .game-view .slot-status{grid-area:auto;font-size:10px;line-height:1.3;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}
  .game-view .result-tray{position:static;grid-area:auto;flex-shrink:0;min-height:0;margin:0;gap:6px}
  .game-view .result-tray:empty{display:none}
  .game-view .result-summary{font-size:9px;padding:2px 8px;white-space:nowrap}
  .game-view .slot-console{padding:10px clamp(20px,3vw,54px) 14px;margin:0 auto;max-width:1450px}
  .game-view .spin-button{height:58px}
  .game-view .console-stat label,.game-view .bet-control>label{margin-bottom:4px;font-size:8px}
  .game-view .console-stat>strong{font-size:clamp(20px,2vw,28px)}
  .game-view .game-bottom{padding-top:3px;font-size:8px}
  .game-view .game-bottom>button{font-size:9px}
}
@media(max-width:1000px) and (orientation:landscape){
  .game-view .game-heading p{display:none}
  .game-view .game-heading h1{font-size:27px}
  .game-view .sound-invitation{top:56px;left:8px;gap:2px;background:#24190fbf}
  .game-view .sound-invitation>button:nth-last-child(2){font-size:8px;padding:3px}
  .game-view .sound-invitation>button:last-child{min-width:18px}
  .game-view .slot-status.won{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .game-view .result-summary{font-size:8px}
}
@media(max-height:620px) and (orientation:landscape){
  .game-view,.game-view:fullscreen{padding-top:4px;padding-bottom:4px;gap:0;grid-template-rows:34px 0 minmax(0,1fr) auto auto}
  .game-view .game-top{min-height:34px}
  .game-view .game-heading p{display:none}
  .game-view .game-heading h1{font-size:25px}
  .game-view .game-tools .icon-button{width:30px;height:30px}
  .game-view .back-button{min-height:30px;font-size:10px}
  .game-view .slot-world,.game-view:fullscreen .slot-world{grid-template-rows:14px 0 minmax(0,1fr) 19px 0}
  .game-view .slot-topline{font-size:7px;gap:10px}
  .game-view .slot-wing{font-size:19px}
  .game-view .reel-crown{top:4px;right:17%;height:5px}
  .game-view .reel-progress{gap:8px}
  .game-view .spin-feedback{height:19px;gap:7px}
  .game-view .slot-status{font-size:8px}
  .game-view .slot-console{padding:5px 24px 8px;gap:15px}
  .game-view .spin-button{height:44px}
  .game-view .console-stat>strong{font-size:18px}
  .game-view .console-stat label,.game-view .bet-control>label{font-size:6px;margin-bottom:3px}
  .game-view .game-bottom{padding-top:1px;font-size:7px}
  .game-view .game-bottom>button{font-size:8px}
  .game-view .free-spin-banner{font-size:7px;padding:0 7px}
  .game-view .free-spin-banner b{font-size:12px}
}