.arcade{background:#e8ecdf}.arcade-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game-card{background:#f8f9f2;border:1px solid #cbd5c4;border-radius:18px;padding:30px;min-width:0}.game-title{display:flex;justify-content:space-between;align-items:center;font:11px monospace;letter-spacing:1px;margin-bottom:26px}.game-card h3{font-size:44px;margin-bottom:18px}.game-card>p{color:#65726b;font-size:14px;min-height:63px}.lock-arena{height:330px;position:relative;overflow:hidden;background:linear-gradient(#d7e8e0 65%,#9caf7d 65%);border-radius:12px;margin:22px 0;touch-action:none}.garden-sky{position:absolute;top:16px;right:25px;color:#c3a849;font-size:45px}.play-gate{position:absolute;inset:80px 20px 35px;display:flex;gap:7px;perspective:700px;transition:transform .8s;transform-origin:left}.play-gate:after,.play-gate:before{content:'';position:absolute;left:0;right:0;height:15px;background:#546746;top:25%}.play-gate:after{top:75%}.play-gate span{flex:1;background:linear-gradient(90deg,#6b805c,#526a48);border-radius:12px 12px 0 0;border-right:2px solid #364c33}.elusive-lock{position:absolute;left:68%;top:48%;width:45px;height:58px;border-radius:20px;background:#d0b15d;border:3px solid #a88a38;box-shadow:0 4px 8px #102d2940;transition:left .13s,top .13s,transform .2s;display:grid;place-items:center;padding:0}.elusive-lock i{width:12px;height:12px;border-radius:50%;background:#18382d;position:relative}.elusive-lock i:after{content:'';position:absolute;width:8px;height:17px;top:7px;left:2px;background:#18382d}.drag-key{position:absolute;left:15%;top:72%;width:65px;height:60px;font-size:42px;background:#fff7;border:1px solid #fff9;border-radius:14px;touch-action:none;z-index:3;cursor:grab;user-select:none}.drag-key.selected{box-shadow:0 0 0 4px #b7ed67;background:white}.drag-key:active{cursor:grabbing}.arena-caption{position:absolute;bottom:9px;left:0;right:0;text-align:center;font:9px monospace;letter-spacing:1.5px}.game-message{font-size:14px;min-height:67px;padding:12px 0;color:#47634f}.game-card>.button{width:100%;justify-content:center}.slot-card{background:#092e29;color:#f4f5ee}.slot-card>p{color:#a7b9ad}.sound-toggle{background:none;border:1px solid #62796b;color:inherit;border-radius:20px;padding:6px 10px;font-size:11px}.slot-machine{position:relative;background:linear-gradient(135deg,#27634d,#103a30);border:7px solid #c8ad62;border-radius:24px;margin:22px 22px 20px 0;padding:26px 15px 15px;box-shadow:0 10px 0 #041c17,inset 0 0 0 3px #e8cf85}.bulbs{position:absolute;inset:5px;border:4px dotted #f2df9d;border-radius:14px;pointer-events:none;animation:bulbPulse 1s steps(2) infinite}.slot-brand{text-align:center;font-size:clamp(20px,2.5vw,32px);font-weight:900;letter-spacing:-1px;color:#f5dd95}.slot-brand span{display:block;font:9px monospace;letter-spacing:2px;margin:4px 0 22px}.reel-window{display:flex;gap:6px;background:#021b16;border:4px solid #cfb26c;border-radius:10px;padding:5px}.reel{height:95px;flex:1;overflow:hidden;border-radius:5px;background:linear-gradient(#b9c8b9,#fcfff2 30%,#fcfff2 65%,#b9c8b9);text-align:center;position:relative}.reel-strip{font-size:49px;height:95px;line-height:95px;will-change:transform}.reel.rolling .reel-strip{filter:blur(1px);animation:reelJitter .09s infinite}.reel.nudge .reel-strip{animation:lastNudge .55s ease-in-out}.slot-display{font:10px monospace;letter-spacing:1px;text-align:center;background:#041e18;color:#c4f89b;padding:12px 3px;margin:14px 0;border-radius:4px;min-height:39px}.slot-bottom{display:flex;justify-content:space-between;font:9px monospace;line-height:1.8;color:#afc2ae}.slot-bottom b{font-size:12px;color:#f2df9d}.slot-lever{position:absolute;right:-35px;top:100px;width:28px;height:120px;background:none;border:0;padding:0;transform-origin:50% 100%;transition:transform .18s}.slot-lever i{position:absolute;left:11px;top:14px;width:9px;height:95px;background:linear-gradient(90deg,#77877d,#e9eedb,#52645b);border-radius:5px}.slot-lever span{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fa9781,#b43b27 65%);z-index:1;box-shadow:0 3px 4px #0005}.slot-lever.pulled{transform:rotateX(55deg) translateY(35px)}.slot-card .game-message{color:#c1d5b4}.slot-fine{display:block;text-align:center;font-size:10px;color:#a7b9ad}.spin-button:disabled{opacity:.65;cursor:wait}.arcade-exit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding:26px 0 0;border-top:1px solid #c3ccbc}.arcade-exit p{font-size:13px;color:#65726b}.games-link{display:block;width:fit-content;margin-top:18px;font-size:13px;text-decoration:underline;text-underline-offset:5px}.lock-arena.solved .play-gate{transform:perspective(600px) rotateY(-65deg)}.lock-arena.solved .elusive-lock{background:#b7ed67;transform:rotate(-15deg)}.slot-machine.winner{box-shadow:0 0 40px #c6ed6790}.slot-machine.near{animation:machineShake .2s 2}@keyframes bulbPulse{50%{border-color:#8b773d}}@keyframes reelJitter{50%{transform:translateY(-17px)}100%{transform:translateY(15px)}}@keyframes lastNudge{0%{transform:translateY(0)}45%{transform:translateY(-105px)}46%{transform:translateY(95px)}100%{transform:translateY(0)}}@keyframes machineShake{50%{transform:translateX(3px)}}@media(max-width:800px){.arcade-grid{grid-template-columns:1fr}.game-card{padding:24px}.arcade-exit{align-items:stretch;flex-direction:column}.slot-brand{font-size:30px}.reel{height:100px}.reel-strip{line-height:100px;height:100px}.lock-arena{height:310px}}@media(prefers-reduced-motion:reduce){.bulbs,.reel.rolling .reel-strip,.reel.nudge .reel-strip,.slot-machine.near{animation:none}.elusive-lock,.play-gate{transition:none}}

/* Explicit hit targets and touch isolation for iOS/Android. */
.elusive-lock{min-width:52px;min-height:64px;z-index:4;touch-action:none;-webkit-user-select:none;user-select:none}
.drag-key{z-index:5;-webkit-user-select:none;-webkit-touch-callout:none}
.slot-lever{width:48px;right:-45px;z-index:5;touch-action:manipulation}
.slot-lever i{pointer-events:none;left:20px}.slot-lever span{pointer-events:none;left:5px}
.spin-button,.sound-toggle{min-height:48px;touch-action:manipulation}
.play-gate,.garden-sky,.arena-caption,.slot-brand,.bulbs{pointer-events:none}
@media(hover:none){.button:hover{transform:none}.elusive-lock{transition:none}.slot-machine{margin-right:32px}.game-title{letter-spacing:0}.game-card{padding:20px}.game-card h3{font-size:38px}}