/* Click-driven interactions, matched to the existing deck. */
.stage.has-local-scene{display:grid;grid-template-rows:auto minmax(0,1fr)}
.stage.has-local-scene>.slide{position:relative;inset:auto;min-height:0;overflow:auto}
.slide.within-page{animation:none!important}
.local-scene-nav{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:9px clamp(16px,3vw,40px);border-bottom:1px solid var(--line);background:#0a2118;min-height:48px}
.local-scene-nav button{font:11px var(--sans);color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:8px 11px;white-space:nowrap}
.local-scene-nav button:hover{color:var(--lime);border-color:var(--lime)}
.local-scene-trail{font:10px var(--mono);color:var(--teal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ix-surface,.rd-device{isolation:isolate}
.ix-row,.ix-product,.rd-row,.rd-balance,.rd-checkmark,.ix-amount{transform-origin:center}
.ix-button,.rd-action,.rd-launch{transition:background-color .18s ease,box-shadow .18s ease}
.ix-button:hover:not(:disabled),.rd-action:hover,.rd-launch:hover{box-shadow:0 4px 16px -8px #6dad35}
.ix-qr .qr,.rd-qr-row .qr{position:relative;overflow:hidden}
.ix-qr .qr:after,.rd-qr-row .qr:after{content:"";position:absolute;left:0;right:0;height:3px;background:#70dcaa;box-shadow:0 0 9px #27bb80;animation:local-qr-scan 1.15s ease-in-out both;pointer-events:none}
@keyframes local-qr-scan{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{top:95%;opacity:0}}
@media(max-width:640px){.local-scene-nav{gap:7px;padding:8px 12px;flex-wrap:wrap}.local-scene-nav button{font-size:10px;padding:7px 9px}.local-scene-trail{order:-1;flex-basis:100%;font-size:9px}.stage.has-local-scene>.slide{height:100%}}
@media(prefers-reduced-motion:reduce){.ix-qr .qr:after,.rd-qr-row .qr:after{animation:none;opacity:0}.ix-button,.rd-action,.rd-launch{transition:none}}
.ix-button:disabled{opacity:.4;cursor:default;pointer-events:none}
.ix-transition-labels{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted)}
.ix-event-track{height:30px;position:relative;margin:0 10px 8px}
.ix-event-track:before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:var(--line)}
.ix-token{position:absolute;left:calc(100% - 80px);top:2px;width:80px;text-align:center;border-radius:20px;padding:5px 8px;background:var(--teal);color:#07261a;font:10px var(--mono);animation:ix-deliver 850ms ease-out both}
@keyframes ix-deliver{from{left:0;opacity:.5}to{left:calc(100% - 80px);opacity:1}}
.ix-slide{overflow:auto}.ix-slide.two{align-items:safe center}.ix-mount{height:auto;min-height:0;align-self:safe center;width:100%;min-width:0}
.ix-shell{width:100%;max-width:650px;margin:auto}.ix-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em}
.ix-toolbar .ix-button{font:10px var(--mono);padding:7px 10px;min-height:30px}
.ix-progress{display:flex;gap:12px;list-style:none;padding:0;margin:0 0 15px;justify-content:space-between}.ix-progress li{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--dim)}.ix-progress i{font:10px var(--mono);font-style:normal;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.ix-progress .active{color:var(--ink)}.ix-progress .active i{border-color:var(--teal);color:var(--teal)}.ix-progress [aria-current] i{background:var(--lime);color:#10251a;border-color:var(--lime)}
.ix-surface{background:#f6f7f1;color:#163524;border:1px solid #d8e2d6;border-radius:24px;padding:24px;min-height:360px;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 65px -45px #000}
.ix-surface h3{font:600 24px/1.2 var(--sans);letter-spacing:-.03em;outline:none}.ix-content{display:grid;gap:14px}.ix-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px}.ix-actions .ix-button{flex:1;min-width:135px}
.ix-caption,.ix-hint{font:10px/1.6 var(--mono);color:var(--muted);margin-top:12px}.ix-caption{text-align:center}
.ix-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border:1px solid transparent;border-radius:11px;font:600 12px/1.4 var(--sans);background:#163c29;color:#fff;min-height:42px;cursor:pointer;text-align:center}
.ix-button:hover{background:#225b3e}.ix-button.secondary{background:transparent;border-color:#b8ccbf;color:#214e35}.ix-button.secondary:hover{background:#e5eedf}.ix-button.selected{background:#c8ff3d;border-color:#50721f;color:#163524}.ix-button.quiet{background:transparent;color:var(--muted);border-color:var(--line)}.ix-button:focus-visible{outline:3px solid #789a32;outline-offset:3px}
.ix-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ix-button.choice{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:22px 18px;border:1px solid #cbdccb;background:#eaf1e4;color:#163524;min-height:155px}.ix-button.choice b{font-size:17px}.ix-button.choice span{font-size:12px;color:#58725f}.ix-button.choice:hover{border-color:#577b22;background:#e1edcf}
.ix-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.ix-brand img{width:28px;height:28px;border-radius:7px;object-fit:contain}.ix-brand img.wm{width:110px;height:25px;border-radius:0}
.ix-ticket{border:1px solid #d8e2d6;background:white;border-radius:13px;padding:2px 13px}.ix-row{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #e0e8dc;font-size:12px;line-height:1.5}.ix-row:last-child{border-bottom:0}.ix-row span{color:#54705c}.ix-row strong{color:#163524;text-align:right;overflow-wrap:anywhere}
.ix-status{padding:12px;border:1px solid #d5e0c9;border-radius:11px;background:#edf0e2;color:#536533;font-size:12px;line-height:1.5}.ix-status.good{background:#e3f2e5;color:#276b40;border-color:#c9e4ce}.ix-fine{font-size:10px;line-height:1.6;color:#5b7160}.ix-amount{font:600 38px var(--sans);letter-spacing:-.04em}.ix-amount small{display:block;font:11px var(--mono);color:#5b7160;margin-top:4px}
.ix-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}.ix-product{display:grid;gap:7px;padding:13px;border:1px solid #cbdccb;border-radius:12px;background:#fff}.ix-product>b{font-size:12px}.ix-product>span{font-size:17px;color:#1c5936;font-weight:700}.ix-product>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:3px}.ix-product output{font:12px var(--mono)}.ix-button.small{padding:0;width:32px;min-height:32px;border-radius:8px;font-size:17px}
.ix-qr{display:flex;align-items:center;gap:18px;color:#557061;font-size:11px;line-height:1.7}.ix-qr .qr{flex-shrink:0;width:70px;height:70px;border-width:5px}
.ix-surface.dark{background:linear-gradient(140deg,var(--panel2),#09231a);color:var(--ink);border-color:var(--line)}.dark .ix-button.secondary{color:var(--muted);border-color:var(--line)}.dark .ix-button.secondary:hover{background:var(--panel2);color:var(--ink)}.dark .ix-button:not(.secondary):not(.node-button){background:var(--lime);color:#10251a}.dark .ix-status{background:#0a2118;border-color:var(--line);color:var(--teal)}
.ix-flow-map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.ix-flow-map:has(.node-button:nth-child(6)){grid-template-columns:repeat(3,1fr)}.ix-flow-map .node-button{display:grid;justify-items:center;gap:12px;background:#0c261b;border:1px solid var(--line);color:var(--muted);padding:18px 8px;min-height:105px}.node-button i{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font:12px var(--mono);font-style:normal;display:grid;place-items:center}.ix-flow-map .selected{border-color:var(--lime);background:#244622;color:var(--lime)}.node-button.selected i{background:var(--lime);color:#10251a;border-color:var(--lime)}.ix-explanation{font-size:17px;line-height:1.65;color:var(--muted);min-height:85px}.ix-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.ix-tabs .ix-button{flex:1;padding:10px 12px}.ix-close-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.ix-close-actions .ctl{height:auto;min-height:44px}.ix-dialog .ix-row{font-size:12px}.fee-card .ix-row{padding:10px 12px;font-size:11px}.fee-card .ix-row span{color:var(--muted)}.fee-card .ix-row strong{color:var(--ink)}.fee-card .ix-button.secondary{color:var(--muted);border-color:var(--line)}.fee-card .ix-button.secondary:hover{color:#163524}
@media(max-width:1100px){.ix-surface{padding:20px}.ix-flow-map{gap:6px}.ix-flow-map .node-button{padding:14px 5px;font-size:10px}.ix-progress{gap:6px}.ix-progress li{font-size:9px;gap:5px}.ix-progress i{width:23px;height:23px}}
@media(max-width:980px){.ix-slide.two{display:block}.ix-slide .copy{margin-bottom:25px}.ix-shell{max-width:650px}.ix-surface{min-height:330px}}
@media(max-width:640px){.ix-surface{padding:18px;border-radius:18px}.ix-surface h3{font-size:22px}.ix-progress li{display:grid;justify-items:center;text-align:center;flex:1}.ix-choice{grid-template-columns:1fr 1fr}.ix-button.choice{padding:14px 10px;min-height:145px}.ix-button.choice b{font-size:14px}.ix-button.choice span{font-size:11px}.ix-products{grid-template-columns:1fr 1fr}.ix-row{font-size:11px}.ix-flow-map{grid-template-columns:repeat(2,1fr)}.ix-flow-map:has(.node-button:nth-child(6)){grid-template-columns:repeat(3,1fr)}.ix-explanation{font-size:15px}.ix-tabs .ix-button{flex:1 1 40%}.ix-caption{font-size:9px}.ix-close-actions .ctl{flex:1 1 40%}}
@media(prefers-reduced-motion:reduce){.slide,.node,.packet,.ix-token{animation:none!important}.node{opacity:1;transform:none}.packet{opacity:1;left:50%}}
