*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#090b10;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer}.scene{position:relative;height:100dvh;min-height:420px;overflow:hidden;background:linear-gradient(90deg,#080b13a0,#10131b6a),url('../assets/garage.png') center 47%/cover no-repeat}.scene:after{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,transparent 20%,#03060ac0 100%)}.version{position:absolute;right:12px;top:12px;z-index:8;font-size:10px;letter-spacing:.12em;background:#111b25cc;border:1px solid #a78c65;padding:8px;border-radius:20px}.top{position:absolute;z-index:4;top:2.4%;left:0;right:0;text-align:center;text-shadow:0 3px 14px #000}.eyebrow{font-size:clamp(9px,1vw,12px);letter-spacing:.38em;color:#ddd0b6;font-weight:800}.top h1{font-size:clamp(25px,3.4vw,49px);letter-spacing:.075em;color:#ffdc9c;text-shadow:0 4px 0 #3d251b,0 8px 18px #000;margin:6px 0 4px}.top p{font-size:clamp(9px,1vw,12px);letter-spacing:.18em;color:#f4e9d5;margin:6px}.stage{position:absolute;z-index:3;top:18%;bottom:20%;left:0;right:0;display:flex;justify-content:center;align-items:center;perspective:1300px;touch-action:pan-y}.cabinet{--glow:#e7b46e;--side:#332735;position:absolute;width:clamp(172px,23vw,272px);height:min(100%,555px);aspect-ratio:0.53;min-height:0;cursor:pointer;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1),filter .5s,opacity .5s;user-select:none;filter:drop-shadow(0 22px 17px #000c)}.cabinet[data-pos="0"]{transform:translateX(0) scale(1);z-index:4;opacity:1}.cabinet[data-pos="-1"]{transform:translateX(-112%) rotateY(24deg) scale(.75);z-index:2;opacity:.88;filter:brightness(.67) drop-shadow(0 17px 12px #000)}.cabinet[data-pos="1"]{transform:translateX(112%) rotateY(-24deg) scale(.75);z-index:2;opacity:.88;filter:brightness(.67) drop-shadow(0 17px 12px #000)}.cabinet[data-pos="hidden"]{transform:scale(.45);z-index:0;opacity:0;pointer-events:none}.cabinet-body{position:absolute;inset:0 7% 1%;border-radius:18px 18px 7px 7px;background:linear-gradient(92deg,#030406,#22232b 4%,var(--side) 8%,#0b0c12 14%,#17171c 82%,#020304 92%,#3c3c42 97%,#060609);border:2px solid #55525c;box-shadow:inset 5px 0 7px #ffffff20,inset -7px 0 14px #000,0 0 20px #000a;display:flex;flex-direction:column;padding:4.5% 6% 5%;gap:2.4%}.cabinet-body:before{content:"";position:absolute;z-index:-1;top:8%;bottom:4%;left:-7%;width:9%;background:linear-gradient(90deg,#050608,var(--side),#141319);transform:skewY(-5deg);border:1px solid #49444c;border-radius:8px 0 0 6px}.cabinet-body:after{content:"";position:absolute;z-index:-1;top:8%;bottom:4%;right:-7%;width:9%;background:linear-gradient(90deg,#111218,var(--side),#040507);transform:skewY(5deg);border:1px solid #49444c;border-radius:0 8px 6px 0}.marquee{height:15%;flex:none;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;border-radius:12px 12px 3px 3px;border:3px solid #73737c;background:linear-gradient(120deg,#101323,#242437 50%,#090b16);box-shadow:inset 0 0 15px var(--glow),0 0 9px color-mix(in srgb,var(--glow),transparent 30%);color:#fff3d8;font-weight:900;font-size:clamp(12px,1.55vw,22px);letter-spacing:.035em;text-shadow:0 0 12px var(--glow),0 2px 2px #000;line-height:1.02}.bezel{flex:1;min-height:0;border:4px solid #383b42;border-radius:9px;background:linear-gradient(135deg,#777c84,#07080e 20%,#07090d 83%,#676b73);padding:7%;box-shadow:inset 0 0 12px #000,0 0 0 2px #12141b}.screen{position:relative;width:100%;height:100%;border-radius:12% / 5%;overflow:hidden;border:3px solid #070a10;background:radial-gradient(#2e3950,#060b16);box-shadow:inset 0 0 24px #000,0 0 15px color-mix(in srgb,var(--glow),transparent 55%);display:flex;align-items:center;justify-content:center}.screen img{width:100%;height:100%;object-fit:contain;display:block;background:#070a12}.screen .placeholder{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:10px}.screen .symbol{font-size:clamp(36px,5.2vw,65px);text-shadow:0 0 12px var(--glow)}.screen strong{font-size:clamp(10px,1.2vw,16px)}.screen small{font-size:9px;letter-spacing:.1em;color:#bfc7d2}.screen:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(120deg,#ffffff22,transparent 28%,transparent 75%,#ffffff0b),repeating-linear-gradient(transparent 0 4px,#0002 5px 6px);box-shadow:inset 0 0 26px #0009}.deck{height:17%;flex:none;border:2px solid #68636c;border-radius:3px 3px 12px 12px;background:linear-gradient(#64606a,#24232b 18%,#12131a 70%,#090a0e);display:flex;align-items:center;justify-content:center;gap:20px;transform:perspective(180px) rotateX(11deg);box-shadow:inset 0 2px 3px #fff2}.stick{position:relative;width:8px;height:30px;border-radius:4px;background:linear-gradient(90deg,#4c4c50,#dedee2,#555);transform:rotate(-12deg)}.stick:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;top:-12px;left:-9px;background:radial-gradient(circle at 35% 22%,#ffdbdc,#c8273e 42%,#480911 83%);box-shadow:0 3px 4px #000}.buttons{display:flex;gap:8px}.buttons i{display:block;width:19px;height:19px;border-radius:50%;border:2px solid #0d0d11;background:radial-gradient(circle at 35% 25%,#fff8,#ffca61 34%,#96521d 85%);box-shadow:0 3px 0 #050506}.coin{height:9%;flex:none;border:1px solid #4a4b50;background:linear-gradient(#111217,#040508);border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;letter-spacing:.13em;color:#a8aab2}.slot{width:30px;height:5px;background:#000;border:1px solid #777}.base{position:absolute;bottom:-2%;left:12%;right:12%;height:3%;background:linear-gradient(#22232a,#050507);border:1px solid #555;border-radius:0 0 7px 7px}.bottom{position:absolute;z-index:6;bottom:2%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(96%,670px)}.counter{font-size:11px;letter-spacing:.15em;color:#f5e7d2;text-shadow:0 2px 6px #000}.nav{display:flex;align-items:center;justify-content:center;gap:13px}.arrow{width:44px;height:44px;flex:none;border-radius:50%;background:#141d29ee;border:1px solid #c9a87c;color:#ffdfa9;font-size:27px}.play{border:1px solid #ffe3a5;border-radius:40px;background:linear-gradient(#ffe4a4,#d79b45);color:#251607;padding:12px 29px;font-weight:900;letter-spacing:.12em;box-shadow:0 0 20px #e5a44a66}.tools{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.tools button{border:1px solid #c5a477;background:#131b27ed;border-radius:20px;color:#ffe2b2;padding:8px 14px;font-size:10px;letter-spacing:.09em;font-weight:800}.help{font-size:10px;letter-spacing:.15em;color:#e9dfd1;text-shadow:0 2px 5px #000}.modal{position:absolute;z-index:20;inset:0;background:#03050ce9;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal article{max-width:460px;background:#182232;border:1px solid #b99161;border-radius:14px;padding:25px;text-align:center;line-height:1.5}.modal h2{color:#ffdfa5}.modal button{border:0;border-radius:25px;padding:12px 24px;background:#f4c57e;font-weight:800}.cabinet:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:700px){.top{top:5%}.top h1{font-size:clamp(20px,5vw,32px)}.stage{top:19%;bottom:24%}.cabinet{width:min(51vw,240px);height:100%}.cabinet[data-pos="-1"]{transform:translateX(-91%) rotateY(23deg) scale(.7)}.cabinet[data-pos="1"]{transform:translateX(91%) rotateY(-23deg) scale(.7)}.marquee{font-size:clamp(11px,2.6vw,17px)}.screen .symbol{font-size:clamp(30px,9vw,55px)}.screen strong{font-size:clamp(9px,2.5vw,14px)}.version{font-size:8px;padding:5px}.help{display:none}.bottom{bottom:3%}}@media(max-height:600px){.top{top:3px}.top h1{font-size:clamp(20px,3vw,32px);margin:2px}.top p,.eyebrow{display:none}.stage{top:14%;bottom:29%}.cabinet{width:min(22vw,200px);height:100%}.marquee{font-size:12px}.screen .symbol{font-size:30px}.coin{display:none}.bottom{bottom:1%;gap:4px}.nav{gap:8px}.arrow{height:34px;width:34px;font-size:20px}.play{padding:8px 24px}.tools button{padding:6px 11px}.help{display:none}}@media(prefers-reduced-motion:reduce){.cabinet{transition:none}}
/* v0.3: restore the broad cabinet silhouette from v0.1; refine controls */
.cabinet{width:clamp(190px,29vw,310px);aspect-ratio:auto}
.cabinet-body{left:3%;right:3%;padding-left:5.5%;padding-right:5.5%}
.deck{height:15%;gap:12px;border:1px solid #6b7079;background:linear-gradient(175deg,#555962 0%,#24272e 15%,#10131a 48%,#080a10 100%);box-shadow:inset 0 2px 1px #ffffff40,inset 0 -5px 8px #000a,0 3px 3px #0008;transform:perspective(260px) rotateX(18deg);position:relative}
.deck:before{content:"";position:absolute;inset:10% 5%;border:1px solid #ffffff18;border-radius:4px;pointer-events:none}
.stick{height:23px;width:6px;background:linear-gradient(90deg,#3e4348,#d5d9dc 43%,#656b72 75%,#22262b);transform:rotate(-8deg);box-shadow:1px 1px 2px #000}
.stick:before{width:19px;height:19px;left:-6px;top:-11px;background:radial-gradient(circle at 30% 22%,#ffb5a9 0%,#b32334 32%,#5d0914 72%,#220309 100%);box-shadow:inset -2px -3px 4px #0008,0 3px 3px #000b}
.stick:after{content:"";position:absolute;left:-8px;bottom:-3px;width:22px;height:9px;border-radius:50%;background:radial-gradient(ellipse,#1a1d23 38%,#676a70 48%,#101116 69%);z-index:-1}
.buttons{gap:6px;align-items:center;transform:rotate(-12deg)}
.buttons i{width:14px;height:14px;border:1px solid #07090e;background:radial-gradient(circle at 31% 23%,#fef3c4 0%,#e8ae38 24%,#925018 68%,#2b180b 100%);box-shadow:inset -2px -2px 3px #0007,0 2px 1px #000b,0 0 0 2px #464951}
@media(max-width:700px){.cabinet{width:min(58vw,285px)}.deck{gap:8px}}
@media(max-height:600px){.cabinet{width:min(29vw,235px)}.deck{height:15%}}

/* v0.4: real finished cabinet image for Nuts & Crosses */
.cabinet-artwork{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 10px #0009);pointer-events:none}

/* v0.5 — one consistent cabinet; circular five-position carousel */
.cabinet{width:clamp(190px,29vw,310px);height:min(100%,555px);aspect-ratio:auto;transform-origin:center center}
.cabinet-artwork{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.cabinet[data-pos="-2"]{transform:translateX(-195%) rotateY(35deg) scale(.52);z-index:1;opacity:0;pointer-events:none}
.cabinet[data-pos="2"]{transform:translateX(195%) rotateY(-35deg) scale(.52);z-index:1;opacity:0;pointer-events:none}
.cabinet[data-pos="-1"]{transform:translateX(-112%) rotateY(24deg) scale(.75);z-index:2;opacity:.8}
.cabinet[data-pos="1"]{transform:translateX(112%) rotateY(-24deg) scale(.75);z-index:2;opacity:.8}
.cabinet[data-pos="0"]{transform:translateX(0) rotateY(0) scale(1);z-index:5;opacity:1;filter:drop-shadow(0 25px 20px #000)}
.cabinet.no-transition{transition:none!important}
@media(max-width:700px){.cabinet{width:min(58vw,285px)}.cabinet[data-pos="-1"]{transform:translateX(-91%) rotateY(23deg) scale(.7)}.cabinet[data-pos="1"]{transform:translateX(91%) rotateY(-23deg) scale(.7)}}
/* v0.7: closer, five occupied positions, continuous circular revolving carousel */
.stage{top:13%;bottom:17%;perspective:1050px}
.cabinet{width:clamp(230px,33vw,390px);height:min(100%,700px);transform-origin:center 55%}
.cabinet[data-pos="0"]{transform:translate3d(0,2%,120px) rotateY(0deg) scale(1.13);z-index:10;opacity:1;filter:drop-shadow(0 30px 22px #000e);pointer-events:auto}
.cabinet[data-pos="-1"]{transform:translate3d(-85%,-4%,-35px) rotateY(27deg) scale(.81);z-index:7;opacity:1;filter:brightness(.76) drop-shadow(0 17px 12px #000c);pointer-events:auto}
.cabinet[data-pos="1"]{transform:translate3d(85%,-4%,-35px) rotateY(-27deg) scale(.81);z-index:7;opacity:1;filter:brightness(.76) drop-shadow(0 17px 12px #000c);pointer-events:auto}
.cabinet[data-pos="-2"]{transform:translate3d(-143%,-13%,-190px) rotateY(46deg) scale(.57);z-index:3;opacity:.78;filter:brightness(.48);pointer-events:auto}
.cabinet[data-pos="2"]{transform:translate3d(143%,-13%,-190px) rotateY(-46deg) scale(.57);z-index:3;opacity:.78;filter:brightness(.48);pointer-events:auto}
@media(max-width:700px){.stage{top:18%;bottom:23%}.cabinet{width:min(65vw,310px)}.cabinet[data-pos="0"]{transform:translate3d(0,1%,85px) scale(1.04)}.cabinet[data-pos="-1"]{transform:translate3d(-72%,-3%,-25px) rotateY(26deg) scale(.74)}.cabinet[data-pos="1"]{transform:translate3d(72%,-3%,-25px) rotateY(-26deg) scale(.74)}.cabinet[data-pos="-2"]{transform:translate3d(-124%,-10%,-130px) rotateY(42deg) scale(.48)}.cabinet[data-pos="2"]{transform:translate3d(124%,-10%,-130px) rotateY(-42deg) scale(.48)}}
@media(max-height:600px){.stage{top:12%;bottom:27%}.cabinet{width:min(29vw,270px)}}

/* v0.8: only the front and immediate left/right neighbours visible.
   Offstage cabinets stay mounted for seamless cycling, but never appear. */
.cabinet[data-pos="-2"],.cabinet[data-pos="2"],.cabinet[data-pos="hidden"]{opacity:0!important;pointer-events:none!important;filter:brightness(.35)}
.cabinet[data-pos="hidden"]{transform:translate3d(0,-10%,-220px) scale(.4);z-index:0}

/* v1.1: cleaner cross-device controls; preserve approved carousel geometry */
.nav button{touch-action:manipulation;min-height:44px}.bottom{padding-bottom:env(safe-area-inset-bottom,0px)}
@media(max-width:700px){.nav{gap:8px}.play{padding:12px 16px;font-size:clamp(12px,3.6vw,17px)}.arrow{width:48px;height:48px}.stage{bottom:19%}.bottom{bottom:4%}}
@media(max-width:420px) and (orientation:portrait){.top{top:7%}.stage{top:20%;bottom:19%}.cabinet{width:58vw}.cabinet[data-pos="-1"]{transform:translateX(-89%) rotateY(23deg) scale(.67)}.cabinet[data-pos="1"]{transform:translateX(89%) rotateY(-23deg) scale(.67)}}
@media(max-height:480px){.stage{bottom:23%}.bottom{bottom:1%}.counter{font-size:10px}}
/* v1.2 cross-device layout: retain approved three-cabinet carousel */
html,body{height:100%;overscroll-behavior:none}
.scene{height:100vh;height:100dvh;min-height:0}
.stage{overflow:visible}
.cabinet{max-height:100%;-webkit-tap-highlight-color:transparent}
.nav button{min-width:48px;min-height:48px}
@media (pointer:coarse){.cabinet{touch-action:pan-y}.nav button{min-height:52px}.arrow{width:52px;height:52px}}
@media (max-width:600px) and (orientation:portrait){
 .top{top:max(28px,env(safe-area-inset-top))}.top h1{font-size:clamp(20px,5.6vw,30px)}
 .top p{font-size:9px;letter-spacing:.08em}.eyebrow{letter-spacing:.15em}
 .stage{top:19%;bottom:22%}.cabinet{width:min(67vw,300px)}
 .cabinet[data-pos="0"]{transform:translate3d(0,0,60px) scale(1.02)}
 .cabinet[data-pos="-1"]{transform:translate3d(-77%,-2%,-20px) rotateY(23deg) scale(.70)}
 .cabinet[data-pos="1"]{transform:translate3d(77%,-2%,-20px) rotateY(-23deg) scale(.70)}
 .bottom{bottom:max(14px,env(safe-area-inset-bottom));width:100%;padding:0 8px;gap:12px}
 .counter{font-size:clamp(11px,3.2vw,15px);text-align:center}
 .nav{width:100%;gap:10px}.play{flex:1;max-width:250px;letter-spacing:.05em}
 .version{top:max(3px,env(safe-area-inset-top));right:5px;font-size:7px}
}
@media (max-height:540px) and (orientation:landscape){
 .top{top:2px}.top h1{font-size:clamp(17px,3.2vh,24px);margin:0}.top p,.eyebrow{display:none}
 .stage{top:12%;bottom:22%}.cabinet{width:min(25vw,250px);height:100%}
 .cabinet[data-pos="0"]{transform:translate3d(0,0,70px) scale(1.02)}
 .cabinet[data-pos="-1"]{transform:translate3d(-95%,0,-30px) rotateY(24deg) scale(.72)}
 .cabinet[data-pos="1"]{transform:translate3d(95%,0,-30px) rotateY(-24deg) scale(.72)}
 .bottom{bottom:max(2px,env(safe-area-inset-bottom));gap:2px}
 .nav button{min-height:36px}.arrow{width:38px;height:38px}.play{padding:7px 18px;font-size:12px}
 .version{font-size:7px;padding:3px}
}
@media (min-width:700px) and (max-width:1200px) and (orientation:portrait){
 .stage{top:15%;bottom:20%}.cabinet{width:min(38vw,360px)}
 .cabinet[data-pos="-1"]{transform:translate3d(-85%,0,-25px) rotateY(25deg) scale(.76)}
 .cabinet[data-pos="1"]{transform:translate3d(85%,0,-25px) rotateY(-25deg) scale(.76)}
}
/* v1.3: device-specific layout. Never let cabinet artwork cover the footer. */
@media (max-width:699px) and (orientation:portrait){
 .top{top:calc(env(safe-area-inset-top) + 20px)}
 .top .eyebrow,.top p{display:block!important;font-size:9px;line-height:1.3;margin:4px 0;letter-spacing:.08em}
 .top h1{font-size:clamp(19px,5.1vw,29px);margin:5px 0}
 .version{display:none}
 .stage{top:clamp(125px,18dvh,165px)!important;bottom:clamp(135px,20dvh,190px)!important;overflow:visible}
 .cabinet{height:100%!important;width:auto!important;aspect-ratio:0.58;max-width:64vw;max-height:100%}
 .cabinet[data-pos="0"]{transform:translate3d(0,0,0) scale(1)!important}
 .cabinet[data-pos="-1"]{transform:translate3d(-78%,0,-25px) rotateY(23deg) scale(.68)!important}
 .cabinet[data-pos="1"]{transform:translate3d(78%,0,-25px) rotateY(-23deg) scale(.68)!important}
 .bottom{bottom:calc(env(safe-area-inset-bottom) + 15px);gap:12px}
 .help{display:block;font-size:9px;letter-spacing:.06em;text-align:center}
 .counter{font-size:13px}
 .nav{gap:8px}.play{padding:12px 12px}
}
@media (min-width:700px) and (max-width:1200px) and (orientation:portrait){
 .stage{top:15%!important;bottom:19%!important}
 .cabinet{height:100%!important;width:auto!important;aspect-ratio:.58;max-width:39vw}
 .cabinet[data-pos="0"]{transform:translate3d(0,0,0) scale(1)!important}
 .bottom{bottom:4%}
}
@media (max-height:540px) and (orientation:landscape){
 .stage{top:14%!important;bottom:29%!important}
 .cabinet{height:100%!important;width:auto!important;aspect-ratio:.58;max-width:24vw}
 .cabinet[data-pos="0"]{transform:translate3d(0,0,0) scale(1)!important}
 .bottom{bottom:calc(env(safe-area-inset-bottom) + 2px)}
}
/* v1.4: enlarge phone cabinet slightly, lower header, improve iPad sizing.
   Desktop rules deliberately untouched. */
@media (max-width:699px) and (orientation:portrait){
 .top{top:calc(env(safe-area-inset-top) + 32px)!important}
 .stage{top:clamp(137px,19dvh,180px)!important;bottom:clamp(122px,18dvh,165px)!important}
 .cabinet{max-width:72vw!important}
 .cabinet[data-pos="0"]{transform:translate3d(0,0,0) scale(1.08)!important}
 .cabinet[data-pos="-1"]{transform:translate3d(-79%,0,-25px) rotateY(23deg) scale(.72)!important}
 .cabinet[data-pos="1"]{transform:translate3d(79%,0,-25px) rotateY(-23deg) scale(.72)!important}
 .bottom{bottom:calc(env(safe-area-inset-bottom) + 12px)}
}
@media (min-width:700px) and (max-width:1200px) and (orientation:portrait){
 .top{top:5%!important}
 .stage{top:17%!important;bottom:17%!important}
 .cabinet{max-width:47vw!important}
 .cabinet[data-pos="0"]{transform:translate3d(0,0,0) scale(1.09)!important}
 .cabinet[data-pos="-1"]{transform:translate3d(-84%,0,-25px) rotateY(25deg) scale(.77)!important}
 .cabinet[data-pos="1"]{transform:translate3d(84%,0,-25px) rotateY(-25deg) scale(.77)!important}
 .bottom{bottom:3%}
}
@media (min-width:700px) and (max-width:1200px) and (orientation:landscape) and (pointer:coarse){
 .stage{top:15%!important;bottom:19%!important}
 .cabinet{width:min(34vw,390px)!important;height:100%!important}
}

/* v1.5: targeted phone footer adjustment and dedicated iPad portrait/landscape layout. */
@media (max-width:699px) and (orientation:portrait){
 .bottom{bottom:calc(env(safe-area-inset-bottom) + 3px)!important;gap:9px!important}
 .stage{bottom:clamp(135px,19dvh,175px)!important}
}
@media (min-width:700px) and (max-width:1200px) and (orientation:portrait) and (pointer:coarse){
 .top{top:6%!important}
 .stage{top:18%!important;bottom:23%!important}
 .cabinet{height:100%!important;width:auto!important;max-width:43vw!important;aspect-ratio:.58}
 .cabinet[data-pos="0"]{transform:translate3d(0,0,0) scale(1.02)!important}
 .cabinet[data-pos="-1"]{transform:translate3d(-93%,0,-25px) rotateY(25deg) scale(.73)!important}
 .cabinet[data-pos="1"]{transform:translate3d(93%,0,-25px) rotateY(-25deg) scale(.73)!important}
 .bottom{bottom:calc(env(safe-area-inset-bottom) + 4%)!important;gap:12px!important}
 .top h1{font-size:clamp(28px,4.5vw,44px)}
}
@media (min-width:700px) and (max-width:1366px) and (orientation:landscape) and (pointer:coarse){
 .top{top:2%!important}
 .stage{top:17%!important;bottom:24%!important}
 .cabinet{height:100%!important;width:auto!important;max-width:29vw!important;aspect-ratio:.58}
 .cabinet[data-pos="0"]{transform:translate3d(0,0,0) scale(1.03)!important}
 .cabinet[data-pos="-1"]{transform:translate3d(-95%,0,-25px) rotateY(25deg) scale(.74)!important}
 .cabinet[data-pos="1"]{transform:translate3d(95%,0,-25px) rotateY(-25deg) scale(.74)!important}
 .bottom{bottom:calc(env(safe-area-inset-bottom) + 1%)!important;gap:6px!important}
}