/* Original mint-and-cream cabinet, now given the entire game viewport.
   The stage has a fixed box; controls and results never change its dimensions. */
.page:has(>[data-games-lounge]){height:calc(100vh - 80px);height:calc(100svh - 80px);max-width:none;padding:4px 6px 6px;overflow:hidden}
.page:has(>[data-games-lounge])>.page-footer{display:none}
[data-games-lounge]{width:100%;height:100%;min-height:0;min-width:0;margin:0;color:#355e53}
.games-surface{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;min-width:0;isolation:isolate}
.games-surface.is-open{display:block;overflow:clip}
.games-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
[data-games-lounge] button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
[data-games-lounge] button:focus-visible,.claw-stick:focus-visible{outline:3px solid #3d8b71;outline-offset:3px}
.claw-room{position:relative;width:100%;height:100%;min-height:0;min-width:0;overflow:hidden;border:1px solid #e0e9db;border-radius:22px;isolation:isolate;background:radial-gradient(ellipse at 50% 38%,#fffbee 0%,#eef5e8 53%,#e1eddf 100%)}
.claw-stage{position:absolute;inset:3px;min-height:0;min-width:0;container-type:size;contain:size layout;touch-action:manipulation}
.claw-cabinet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100%,calc((100vh - 96px)*.783505),860px);aspect-ratio:380/485;font-family:'DM Sans',sans-serif;--stick-tilt:0;isolation:isolate}
@supports(width:1cqh){.claw-cabinet{width:min(100cqw,78.350515cqh,860px)}}
.claw-cabinet-art{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.claw-marquee{position:absolute;top:5.1%;left:44%;width:12%;height:9%;display:grid;place-items:center;color:#b6985c;pointer-events:none}
.claw-marquee>.icon{display:block;width:100%;height:100%;stroke-width:1.25}
.claw-bulbs{position:absolute;top:4.4%;bottom:84.3%;left:7%;right:7%;pointer-events:none}
.claw-bulbs i{position:absolute;display:block;width:1.4%;aspect-ratio:1;border-radius:50%;background:#cbb98c;border:1px solid #af966c55;box-shadow:inset 0 1px 1px #fff9}
.claw-bulbs i:nth-child(-n+6){left:calc(6% + var(--bulb)*17.2%);top:0}.claw-bulbs i:nth-child(n+7){left:calc(6% + (var(--bulb) - 6)*17.2%);bottom:0}
.is-powered .claw-bulbs i{background:#fff8ca;border-color:#fff2bb;box-shadow:0 0 6px 3px #edc67d77;animation:claw-lamp 1.25s ease-in-out calc(var(--bulb)*-.13s) infinite alternate}
.claw-glass{position:absolute;top:20%;left:13.5%;width:73%;height:48.5%;border-radius:10px;overflow:hidden;isolation:isolate;background:transparent}
.claw-backlight{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#fff4c8b3,transparent 75%);opacity:.12;transition:opacity .65s ease}
.is-powered .claw-backlight{opacity:.65}
.claw-scene{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.claw-glass-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(116deg,transparent 14%,#ffffff20 14.4%,#ffffff05 21%,transparent 21.4%,transparent 75%,#ffffff10 75.5%,#ffffff04 80%,transparent 80.4%);border-radius:inherit}
.claw-power-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,#fff5d447 49%,transparent 60%);transform:translateX(-110%);opacity:0}
.is-starting .claw-power-wash{animation:claw-power-on 1.4s ease-out both}
.claw-deck{position:absolute;top:70.7%;left:14%;right:14%;height:8.9%;display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:center;gap:3%;text-align:center}
.claw-deck>div{display:flex;align-items:center;justify-content:center;min-width:0;height:100%}
.claw-coin,.claw-drop{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;cursor:pointer;min-width:44px;min-height:44px;width:67%;aspect-ratio:1.4;flex:none;font:700 14px 'DM Sans',sans-serif}
.claw-coin{gap:2px;color:#876636;background:radial-gradient(ellipse at 38% 21%,#fffce5,#f4d696 52%,#d1a15f);border:2px solid #ffedbc;box-shadow:0 4px 0 #ad8045,0 6px 5px #73593633,inset 0 2px 2px #fff9}.claw-coin>.icon{width:clamp(17px,3cqh,29px);height:clamp(17px,3cqh,29px)}.claw-coin>span{font-size:clamp(14px,2.5cqh,23px)}
.claw-coin:disabled{cursor:default;color:#a9916c;background:linear-gradient(#eddfbd,#d8c297);border-color:#e8d7b2;box-shadow:0 2px 0 #bca372,inset 0 2px 3px #aa87591c;opacity:1}
.claw-drop{flex-direction:column;color:#fff8e7;border:2px solid #edb59c;background:radial-gradient(ellipse at 35% 15%,#ffd1b5,#e49a86 40%,#c5756b 78%,#a05b59);box-shadow:0 5px 0 #9e5d50,0 7px 5px #80573d33,inset 0 2px 2px #fff3ce80;text-shadow:0 1px 1px #83473977}
.claw-drop>span{font-size:clamp(9px,1.8cqh,16px);letter-spacing:1px}.claw-drop>i{font-style:normal;font-size:clamp(13px,2cqh,20px);line-height:1}
.claw-drop:disabled{cursor:default;color:#d6bfb2;background:radial-gradient(ellipse at 37% 16%,#d1b398,#b0927d);border-color:#d2b99c;box-shadow:0 3px 0 #9e896d;opacity:1}
.claw-drop:not(:disabled):after{content:'';position:absolute;inset:-5px;border:1px solid #b98f53;border-radius:inherit;animation:claw-lamp 1.4s ease-in-out infinite alternate;pointer-events:none}
.claw-coin:active:not(:disabled),.claw-drop:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #957446}
.claw-stick-mount{position:relative;width:100%;height:100%;min-height:44px;display:flex;align-items:center;justify-content:center}
.claw-stick{position:relative;width:100%;height:100%;min-height:44px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%;outline-offset:0}
.claw-stick[aria-disabled=true]{cursor:default}.claw-stick[aria-disabled=true] .claw-stick-handle{opacity:.72}.claw-stick:active{cursor:grabbing}
.claw-stick-arrows{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;font-size:clamp(20px,4cqh,33px);line-height:1.2;color:#b1935c;pointer-events:none}
.claw-stick-arrows i{position:absolute;left:21%;right:21%;height:33%;bottom:10%;border-radius:50%;background:radial-gradient(ellipse,#294a3e 20%,#608676 43%,#9eb599 46%,#557f68 61%,#dccc92 65%,#95885e 70%);box-shadow:0 3px 0 #b3a070}
.claw-stick-handle{position:absolute;left:50%;bottom:30%;width:10%;height:75%;border-radius:5px;background:linear-gradient(90deg,#789088,#e8e4c9 43%,#fff8df 49%,#9baa91 70%,#647e72);box-shadow:2px 0 3px #58613d30;transform:translateX(calc(-50% + var(--stick-tilt)*13px)) rotate(calc(var(--stick-tilt)*18deg));transform-origin:50% 100%;pointer-events:none}
.claw-stick-handle>i{position:absolute;left:50%;top:-29%;width:285%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 31% 23%,#ffdfce,#f3b7a0 28%,#d68d7b 58%,#ac6861 84%);box-shadow:inset -1px -3px 3px #7d4e4940,1px 3px 3px #71644844}
.claw-credit-light{position:absolute;left:78%;top:83.8%;width:1.5%;aspect-ratio:1;background:#94a176;border-radius:50%;border:1px solid #baad7c}.claw-credit-light.is-on{background:#daffbd;box-shadow:0 0 6px #f1ffc9}
.claw-reward{position:absolute;left:18.5%;top:80.8%;width:34%;height:9%;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;animation:claw-reveal .35s ease-out both}.claw-reward>.item-art{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #13372e33)}
.claw-tools{position:absolute;inset:9px 10px auto;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.claw-tools>div{display:flex;gap:5px}.claw-tools .games-icon{pointer-events:auto}
.games-icon{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;flex:none;padding:0;border:1px solid #d2e0cc;background:#fffdf0e8;border-radius:50%;color:#6d9279;cursor:pointer;box-shadow:0 1px 3px #4565400c}.games-icon>.icon{width:17px;height:17px}.games-back-icon>.icon{transform:rotate(180deg)}.games-icon:disabled{opacity:.4;cursor:default}
.games-tray-count{position:absolute;right:-3px;top:-3px;min-width:16px;height:16px;padding:0 3px;display:grid;place-items:center;border-radius:9px;background:#c48d63;color:#fff9e9;font:600 9px 'DM Sans',sans-serif}
.games-feedback{position:absolute;z-index:5;left:14px;right:14px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:11px 13px;background:#eef6e9;border:1px solid #c4d6b7;border-radius:12px;font-size:11px;line-height:1.5;color:#405e48;max-height:110px;overflow:auto;box-shadow:0 5px 24px #23463129}.games-feedback[hidden]{display:none}.games-feedback.is-error{color:#855c33;background:#fff3da;border-color:#dabc82}.games-feedback .text-link{flex:none;font-size:10px}
.games-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:16px 18px 0}.games-heading h1{font:600 30px/1.2 'Outfit',sans-serif;color:#355e53;margin:0}.games-wallet{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e7d7b0;border-radius:13px;background:#fff8e4;color:#997d48;font-variant-numeric:tabular-nums}.games-wallet>.icon{width:19px}.games-wallet strong{font:600 19px 'Outfit',sans-serif}
.games-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,380px));gap:14px;padding:10px 18px}.games-tile{display:flex;align-items:center;gap:15px;padding:21px;border:1px solid #dce7d8;border-radius:21px;background:#fffdf6;color:inherit;text-align:left;font:inherit;min-width:0;cursor:pointer}.games-tile-art{display:grid;place-items:center;flex:none;width:62px;height:62px;border:1px solid #f4e0b6;border-radius:20px;background:linear-gradient(#fff3d4,#f2dfb5);color:#b4935b}.games-tile-art>.icon{width:32px;height:32px}.games-tile>span:nth-child(2){display:flex;flex-direction:column;gap:6px;min-width:0}.games-tile strong{font:500 23px 'Outfit',sans-serif;color:#5c7f64}.games-tile em{font-size:12px;font-style:normal;color:#8d9c80}.games-tile-arrow{margin-left:auto}.games-tile-arrow>.icon{width:20px;color:#b5bf9f}.games-footer{display:flex;gap:7px;margin:auto 18px 14px}
.games-loading{height:100%;display:grid;place-items:center;position:relative}.games-loading>span>.icon{width:34px;height:34px;color:#95aa8e}
@keyframes claw-lamp{from{opacity:.38}to{opacity:1}}
@keyframes claw-power-on{0%{opacity:0;transform:translateX(-110%)}20%{opacity:1}100%{opacity:0;transform:translateX(110%)}}
@keyframes claw-reveal{from{opacity:0;transform:translateY(-5px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}
[data-games-lounge].is-paused *,[data-games-lounge].is-paused *:after{animation-play-state:paused!important}
@media(max-width:650px){.page:has(>[data-games-lounge]){height:calc(100vh - 66px);height:calc(100svh - 66px);padding:3px 4px 5px}.claw-room{border-radius:18px}.claw-stage{inset:0}.claw-tools{inset:8px}.games-icon{width:34px;height:34px}.games-icon>.icon{width:16px;height:16px}.games-heading{padding:12px 10px 0}.games-boxes{padding:5px 10px;grid-template-columns:1fr}.games-feedback{left:6px;right:6px;bottom:7px;font-size:10px}.claw-coin,.claw-drop{min-width:44px;min-height:44px}.claw-marquee{top:5%}}
/* Keep the same large targets beside the cabinet on very short screens. */
@media(max-height:480px) and (min-width:560px){.claw-stage{right:228px;contain:size;overflow:visible}.claw-deck{left:calc(100% + 16px);right:auto;top:47%;width:204px;height:80px;padding:10px 8px;gap:4px;background:linear-gradient(#fff1cf,#e3c38c);border:2px solid #d8b676;border-radius:16px;box-shadow:inset 0 2px 0 #fff8e4,0 5px 0 #b18c53}.claw-stick-mount{height:54px}.claw-coin,.claw-drop{width:44px;min-width:44px;min-height:44px}.claw-stick-arrows{font-size:24px}.claw-tools{inset:7px}.games-icon{width:32px;height:32px}.claw-drop>span{font-size:10px}.claw-drop>i{font-size:14px}.games-boxes{padding-block:0}}
@media(prefers-reduced-motion:reduce){[data-games-lounge] *,[data-games-lounge] *:before,[data-games-lounge] *:after{animation:none!important;transition:none!important}}
.claw-prize-info>p{font-size:13px;line-height:1.7;color:#798877}.claw-prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.claw-prize-grid article{text-align:center;padding:12px 6px;border-radius:15px;border:1px solid #e4e8d8;background:#f7f9f0}.claw-prize-grid img{display:block;width:72px;height:72px;object-fit:contain;margin:0 auto 7px}.claw-prize-grid strong{display:block;font-size:12px;color:#647d60}.claw-prize-grid span{display:block;margin-top:5px;font-size:10px;color:#9c9b7e}
.games-prize-tray>p{font-size:13px;line-height:1.7;color:#85937b}.games-prize-tray article{display:flex;align-items:center;gap:9px;margin:10px 0;padding:9px;border:1px solid #e2e8d9;border-radius:14px}.games-prize-tray article>.item-art{width:50px;height:50px;object-fit:contain}.games-prize-tray article>span{display:flex;flex:1;flex-direction:column;gap:4px;font-size:12px}.games-prize-tray small{font-size:10px;color:#97a087}.games-prize-tray .button{padding:8px 11px;font-size:11px}.games-prize-tray h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:500;margin-top:25px}.games-prize-tray ul{list-style:none;padding:0}.games-prize-tray li{display:flex;flex-direction:column;gap:4px;font-size:12px;border-bottom:1px solid #e9ede1;padding:10px 0}
@media(max-width:760px){.claw-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}