.spg-machine{--machine-gold:#e5b864;color:#f5f3ee;background:#090b0d;padding:80px 5vw;scroll-margin-top:30px}.machine-heading{justify-content:space-between;align-items:end;gap:32px;max-width:1500px;margin:0 auto 38px;display:flex}.machine-kicker{letter-spacing:.2em;color:var(--machine-gold);margin:0 0 16px;font-size:12px}.machine-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,4vw,62px);font-weight:800;line-height:1.04}.machine-heading h2 em{color:var(--machine-gold);font-style:normal}.machine-heading>p{color:#bcbfc4;margin:0;font-size:16px;line-height:1.7}.spg-machine button{font:inherit;cursor:pointer}.spg-machine button:focus-visible{outline-offset:3px;outline:2px solid #fff}.machine-experience{background:#101113;border:1px solid #ffffff18;border-radius:10px;grid-template-columns:minmax(0,1fr) 320px;max-width:1500px;margin:auto;display:grid;overflow:hidden}.machine-stage{background:#0b0d0f;flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.machine-stage-bar{justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:18px 24px;display:flex}.machine-stage-bar>span{color:#d4b77e;letter-spacing:.14em;font-size:12px}.machine-stage-bar button{color:#ece5d7;background:#ffffff09;border:1px solid #fff2;border-radius:5px;min-height:44px;padding:10px 14px;font-size:14px}.machine-viewport{isolation:isolate;position:relative;overflow:hidden}.machine-camera{aspect-ratio:3/2;transform-origin:var(--camera-x) var(--camera-y);transform:scale(var(--camera-scale));will-change:transform;transition:transform 1.7s cubic-bezier(.18,.7,.2,1),transform-origin 1.7s cubic-bezier(.18,.7,.2,1);position:relative}.machine-frame{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity 1.3s,filter 1.3s;position:absolute;inset:0}.machine-exterior{display:block;position:relative}.machine-frame.is-visible{opacity:1}.machine-frame.is-hidden{opacity:0}.machine-system{z-index:1}.machine-zones{z-index:2;position:absolute;inset:0}.machine-zone{color:#ffde97;background:0 0;border:0;border-radius:25%;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:0;display:flex;position:absolute}.machine-zone-marker{background:#12120ce0;border:1px solid #e5b864aa;border-radius:50%;place-items:center;width:28px;height:28px;font-size:20px;transition:background .2s,box-shadow .2s;display:grid;box-shadow:0 0 18px #e5b86425}.machine-zone:hover .machine-zone-marker,.machine-zone:focus-visible .machine-zone-marker{color:#090b0d;background:#e5b864;box-shadow:0 0 25px #e5b86480}.machine-zone-label{pointer-events:none;white-space:nowrap;opacity:0;background:#101113f5;border:1px solid #e5b86466;border-radius:4px;padding:6px 10px;font-size:14px;position:absolute;bottom:75%;left:50%;transform:translate(-50%)}.machine-zone:hover .machine-zone-label,.machine-zone:focus-visible .machine-zone-label{opacity:1}.machine-loading{color:#e5b864;text-align:center;z-index:3;background:#0d0f11ee;border:1px solid #e5b86455;border-radius:6px;width:max-content;max-width:85%;padding:12px 18px;font-size:14px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.machine-visual-caption{color:#c6c8cb;align-items:center;gap:12px;min-height:62px;padding:18px 24px;font-size:14px;display:flex}.machine-gold-line{background:#e5b864;flex-shrink:0;width:28px;height:1px}.machine-detail{background:linear-gradient(145deg,#1a1c1f,#101113);border-left:1px solid #ffffff16;align-items:center;min-width:0;padding:30px 26px;display:flex}.machine-detail-content{width:100%;animation:.65s both machine-copy-in}.machine-detail-index{color:var(--machine-gold);letter-spacing:.17em;font-size:12px}.machine-detail h3{letter-spacing:-.03em;margin:20px 0 10px;font-size:32px;line-height:1.15}.machine-hint{color:var(--machine-gold);margin:0 0 22px;font-size:14px;line-height:1.5}.machine-detail dl{margin:0}.machine-detail dt{text-transform:uppercase;letter-spacing:.12em;color:#a8acb2;margin:20px 0 7px;font-size:12px}.machine-detail dd{color:#e0e1e3;margin:0;font-size:16px;line-height:1.55}.machine-pager{border-top:1px solid #ffffff15;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;padding-top:16px;display:flex}.machine-pager span{color:#a8acb2;font-size:12px}.machine-pager button{color:var(--machine-gold);background:#ffffff08;border:1px solid #ffffff20;border-radius:4px;width:44px;height:44px}.machine-intro>p{color:#b6bbc2;margin:22px 0;font-size:16px;line-height:1.7}.machine-start{background:var(--machine-gold);color:#12120d;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:600;display:flex}.machine-intro .machine-intro-hint{color:#858b92;margin-top:14px;font-size:12px}.machine-menu{border-top:1px solid #ffffff18;grid-column:1/-1;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:8px;display:grid}.machine-menu button{text-align:center;color:#bdc1c6;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:60px;padding:12px 6px;font-size:14px;display:flex}.machine-number{color:#8e949d;font-size:12px}.machine-menu button[aria-pressed=true]{color:#f8d797;background:#e5b86413;border-color:#e5b86455}.machine-menu button[aria-pressed=true] .machine-number{color:#e5b864}.machine-menu button:hover,.machine-pager button:hover{background:#e5b86418}.machine-note{color:#959ba4;max-width:1500px;margin:16px auto 0;font-size:12px;line-height:1.6}@keyframes machine-copy-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.machine-experience{grid-template-columns:minmax(0,1fr) 300px}.machine-menu{grid-template-columns:repeat(4,minmax(0,1fr))}.machine-menu button{min-height:48px}.machine-detail{padding:24px 20px}}@media (width<=800px){.spg-machine{padding:52px 20px}.machine-heading{margin-bottom:24px;display:block}.machine-heading>p{margin-top:20px}.machine-experience{flex-direction:column;display:flex}.machine-stage{order:0}.machine-menu{border-bottom:1px solid #ffffff18;order:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.machine-menu button{flex-direction:column;gap:4px;min-height:60px;padding:10px 3px;font-size:14px}.machine-number{font-size:12px}.machine-detail{border-left:0;order:2;padding:25px}.machine-stage-bar{min-height:66px;padding:12px 14px}.machine-stage-bar>span{letter-spacing:.06em;font-size:12px}.machine-stage-bar button{padding:8px;font-size:12px}.machine-visual-caption{min-height:66px;padding:14px;font-size:14px}.machine-zone-marker{width:24px;height:24px;font-size:18px}.machine-zone-label{display:none}.machine-detail h3{font-size:28px}.machine-intro h3 br{display:none}.machine-intro>p{margin:14px 0}.machine-start{max-width:320px}}@media (prefers-reduced-motion:reduce){.machine-camera,.machine-frame,.machine-zone-marker{transition:none}.machine-detail-content{animation:none}}