/* Cloud Post 07: the character's cloud hair becomes the appliance shell. */
.machine-shell.cloud-machine{max-width:680px;filter:none}
.cloud-machine .machine-cabinet{container-type:inline-size;aspect-ratio:1.45;position:relative;padding:0;border:0;border-radius:0;background:none;box-shadow:none;z-index:2}
.cloud-machine .cloud-chassis{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 14px 12px #17434b20)}
.cloud-machine .machine-topline{position:absolute;top:24%;left:28%;right:25%;z-index:2;justify-content:center;border:0;padding:0;gap:7px}
.cloud-machine .machine-topline>span:first-child{font:italic clamp(20px,4.3cqw,29px)/1.1 Georgia,serif;letter-spacing:-.035em;color:#285661;text-shadow:0 1px 0 #fff}
.cloud-machine .machine-topline>span:nth-child(2){font-size:19px;color:#bd633f}
.cloud-machine .machine-topline>span:last-child{display:none}
.cloud-machine .machine-controls{position:absolute;top:36%;left:15%;right:10%;z-index:4;--reel-height:17cqw;grid-template-columns:minmax(0,1fr) 48px;gap:12px}
.cloud-machine .reel-bank{padding:9px;gap:7px;background:linear-gradient(130deg,#4a8392,#abd1d0 45%,#538995);border:1px solid #6a929b;border-bottom:3px solid #416d7b;border-radius:15px;box-shadow:inset 0 2px 1px #f7fffa,0 3px 5px #22495633}
.cloud-machine .reel-window{height:var(--reel-height);border:1px solid #64818a;border-radius:8px;background:linear-gradient(#d8dfd5,#fffbed 30%,#fffbed 70%,#d8dfd5)}
.cloud-machine .reel-symbol{font-size:clamp(32px,8cqw,58px)}
.cloud-machine .machine-lever{min-width:44px;background:none}.cloud-machine .lever-grip{left:4px;width:40px;height:40px;border-color:#994e39;background:radial-gradient(circle at 30% 23%,#ffc49c,#eb8464 40%,#bd533c);box-shadow:inset 0 2px 2px #ffdbb6,0 4px 4px #19495736}
.cloud-machine .lever-stem{left:19px;top:33px;bottom:25px;width:10px}.cloud-machine .lever-base{left:9px;bottom:15px;width:30px;height:30px;border-color:#b1d1cf}.cloud-machine .lever-label{bottom:-6px;font-size:12px;letter-spacing:.04em}
.cloud-machine.is-spinning .lever-grip{transform:translateY(45px)}
.cloud-machine .machine-marquee{position:absolute;top:67%;left:21%;right:20%;margin:0;min-height:0;border:0;outline:0;background:none;box-shadow:none;padding:0;color:#285764;font-size:12px;line-height:1.3;letter-spacing:.025em;z-index:4;gap:7px}
.cloud-machine .machine-ready-dot{width:5px;height:5px;flex-basis:5px;background:#c68245;box-shadow:0 0 4px #e6b85e66}
.cloud-machine.three-alike .machine-marquee{color:#815328;box-shadow:none}
.cloud-machine .machine-round{position:absolute;top:74%;left:24%;right:19%;margin:0;padding:0;border:0;min-height:0;background:none;box-shadow:none;z-index:4;justify-content:center;gap:6px}
.cloud-machine .wonder-charge{flex:0 1 auto;gap:3px;justify-content:center}.cloud-machine .wonder-charge p{font-size:12px;margin-left:4px}.cloud-machine .charge-step{width:17px;height:17px;flex-basis:17px;font-size:11px;border-color:#7ea9ae;background:#f8ffff80}
.cloud-machine .hold-pair{position:absolute;top:26px;margin:auto;padding:5px 10px;min-height:32px;font-size:12px;white-space:nowrap;background:#fff7e7;box-shadow:0 2px 4px #18414b20;z-index:5}.cloud-machine .hold-pair[aria-pressed=true]{background:#285764}
.cloud-machine .printer-panel{margin-top:-8.5%;z-index:3}.cloud-machine .printer-mouth{width:265px;max-width:62%;height:12px;border-color:#567b84;box-shadow:inset 0 3px 5px #00171b,0 2px 0 #d6ebdf;background:#183e49}
.cloud-machine .printer-output{height:314px}.cloud-machine .instant-photo{border-color:#d6dbd0}
@media(max-width:1000px) and (min-width:761px){.pocket-arcade{grid-template-columns:.65fr 1.35fr;gap:22px}}
@media(max-width:480px){.cloud-machine .machine-controls{left:12%;right:8%;gap:7px;grid-template-columns:minmax(0,1fr) 40px}.cloud-machine .reel-bank{padding:6px;gap:4px;border-radius:10px}.cloud-machine .reel-window{border-radius:5px}.cloud-machine .lever-grip{width:32px;height:32px;left:3px}.cloud-machine .lever-stem{left:14px;top:27px;bottom:18px;width:9px}.cloud-machine .lever-base{left:5px;bottom:10px;width:27px;height:27px}.cloud-machine .lever-label{font-size:11px;bottom:-10px}.cloud-machine .machine-topline{top:22%;left:25%;right:22%}.cloud-machine .machine-marquee{top:65%;left:14%;right:12%;font-size:11px}.cloud-machine .machine-round{top:75%;left:12%;right:10%}.cloud-machine .wonder-charge p{font-size:12px}.cloud-machine .charge-step{display:none}.cloud-machine .hold-pair{top:20px}.cloud-machine .printer-panel{margin-top:-5%}.cloud-machine .printer-output{height:295px}.cloud-machine .machine-ready-dot{display:none}}
@media(prefers-reduced-motion:reduce){.cloud-machine .lever-grip{transition:none}}
/* Mask the generated casing to its actual outline; the image remains untouched. */
.cloud-machine .cloud-chassis{clip-path:url(#cloud-chassis-clip);filter:none}
.cloud-machine .machine-cabinet{filter:drop-shadow(0 12px 9px #17434b18)}
.cloud-machine .machine-topline{top:44%;left:29%;right:26%}
.cloud-machine .machine-topline>span:first-child{font-size:clamp(18px,3.8cqw,26px)}
.cloud-machine .machine-controls{top:52%;left:18%;right:14%;--reel-height:max(45px,11.8cqw);gap:9px;grid-template-columns:minmax(0,1fr) 44px}
.cloud-machine .reel-bank{padding:6px;gap:6px;border-radius:11px}
.cloud-machine .reel-symbol{font-size:clamp(29px,6.8cqw,46px)}
.cloud-machine .lever-grip{width:34px;height:34px;left:5px}.cloud-machine .lever-stem{top:29px;left:17px;bottom:14px;width:9px}.cloud-machine .lever-base{left:9px;bottom:5px;width:27px;height:27px}.cloud-machine .lever-label{bottom:-15px;font-size:11px}
.cloud-machine .machine-marquee{top:76%;left:22%;right:22%;font-size:11px}
.cloud-machine .machine-round{top:84%;left:23%;right:22%}
.cloud-machine .printer-panel{margin-top:-2.7%}
.cloud-machine .hold-pair{top:23px}
@media(max-width:480px){.cloud-machine .machine-topline{top:43%;left:22%;right:21%}.cloud-machine .machine-controls{top:52%;left:17%;right:13%;grid-template-columns:minmax(0,1fr) 33px;gap:5px}.cloud-machine .reel-bank{padding:4px;gap:3px}.cloud-machine .lever-grip{width:28px;height:28px;left:2px}.cloud-machine .lever-stem{left:11px;top:23px;bottom:9px}.cloud-machine .lever-base{left:3px;bottom:2px;width:24px;height:24px}.cloud-machine .lever-label{bottom:-14px;font-size:10px}.cloud-machine .machine-marquee{top:78%;left:16%;right:15%;font-size:10px}.cloud-machine .machine-round{top:89%;left:17%;right:15%}.cloud-machine .wonder-charge p{font-size:11px}.cloud-machine .hold-pair{position:static;min-height:32px}.cloud-machine .printer-panel{margin-top:0}.cloud-machine .machine-round:has(.hold-pair:not([hidden])){top:84%;flex-wrap:nowrap}.cloud-machine .machine-round:has(.hold-pair:not([hidden])) .wonder-charge{display:none}.cloud-machine .printer-mouth{max-width:66%;width:235px}}
/* An outboard signature lever, clear of the cloud's inset reel panel. */
.machine-shell.cloud-machine{width:calc(100% - 42px);margin-right:42px}
.cloud-machine .machine-controls{left:18%;right:20%;display:block}
.cloud-machine .machine-lever{position:absolute;top:43%;bottom:24%;right:-5%;width:62px;min-width:62px;z-index:6;align-self:auto;background:none;transform:rotate(9deg);transform-origin:50% 85%;border-radius:32px;overflow:visible}
.cloud-machine .machine-lever:focus-visible{outline:2px solid #a9593a;outline-offset:5px}
.cloud-machine .lever-grip{top:0;left:4px;width:54px;height:54px;border:2px solid #9f513b;background:radial-gradient(circle at 29% 24%,#ffd4ac 0%,#f89b74 22%,#e27151 59%,#b64d35 100%);box-shadow:inset 2px 3px 3px #ffe6c9aa,inset -4px -5px 5px #922d2855,2px 5px 4px #143f492e;z-index:3}
.cloud-machine .lever-grip::after{content:'✳';position:absolute;inset:0;display:grid;place-items:center;color:#fff0c8;font:30px/1 Georgia,serif;text-shadow:0 1px 1px #9d472e;pointer-events:none}
.cloud-machine .lever-stem{left:25px;top:46px;bottom:28px;width:12px;border-color:#8e794d;background:linear-gradient(90deg,#827047,#f7e5ab 37%,#d7b974 61%,#846b3f);box-shadow:2px 2px 2px #17434b24}
.cloud-machine .lever-base{left:10px;bottom:13px;width:42px;height:42px;border:6px solid #d2bd81;outline:1px solid #97845c;background:radial-gradient(circle at 35% 30%,#649197,#1e4a56);box-shadow:inset 1px 2px 3px #dbe9d666,0 2px 0 #84754f,2px 4px 5px #123f492b}
.cloud-machine .lever-label{left:0;right:0;bottom:-13px;color:#345c62;font-size:12px;letter-spacing:.08em;transform:rotate(-9deg)}
.cloud-machine.is-spinning .lever-grip{transform:translateY(56px)}
@media(max-width:480px){.machine-shell.cloud-machine{width:calc(100% - 32px);margin-right:32px}.cloud-machine .machine-controls{left:17%;right:19%;display:block}.cloud-machine .machine-lever{right:-9%;top:43%;bottom:18%;width:50px;min-width:50px}.cloud-machine .lever-grip{width:42px;height:42px;left:4px}.cloud-machine .lever-grip::after{font-size:24px}.cloud-machine .lever-stem{left:20px;top:35px;bottom:21px;width:10px}.cloud-machine .lever-base{left:8px;bottom:10px;width:34px;height:34px;border-width:5px}.cloud-machine .lever-label{font-size:11px;bottom:-14px}.cloud-machine.is-spinning .lever-grip{transform:translateY(34px)}}
