.experience-page{color:#e2eaf1;overflow-wrap:anywhere;background:#0c131d;max-width:1120px;min-height:100dvh;margin:auto;padding:28px 24px 100px;line-height:1.75}.experience-page h1{margin-block:30px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.2}.experience-page h2{font-size:1.5rem}.experience-page a{color:#9ce0ec;text-underline-offset:4px;text-decoration:underline}.experience-page button,.experience-page select,.experience-page input:not([type=range]),.experience-page textarea{color:#e7f4fb;min-height:44px;font:inherit;background:#182a39;border:1px solid #58778c;border-radius:8px;max-width:100%;padding:10px 14px}.experience-page button{cursor:pointer;margin:4px}.experience-page button:disabled{opacity:.5;cursor:not-allowed}.experience-page :focus-visible{outline-offset:4px;outline:3px solid #bce7fa}.experience-page label{margin:12px 0;display:block}.experience-page input:not([type=range]),.experience-page textarea,.experience-page select{width:100%;display:block}.experience-page input[type=range]{accent-color:#a1d9e8;width:100%;min-height:44px;display:block}.experience-page details{border-bottom:1px solid #445665;padding:14px 0}.experience-page summary{cursor:pointer;min-height:44px}.experience-page section{margin:24px 0}.xp-eyebrow{letter-spacing:.15em;color:#95c1cd;font-size:.8rem}.xp-storage{color:#a9c0ce;font-size:.85rem}.xp-return{padding:12px 0;display:inline-block}.xp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0;display:grid}.xp-cards article,.xp-ending,.xp-evidence{background:#12202c;border:1px solid #486071;border-radius:14px;padding:24px}.xp-ending{background:#242b28;border-color:#b6b27e}.xp-cards article>a{padding:12px 0;display:inline-block}.xp-motif{background:radial-gradient(#24495a,#0000 70%);justify-content:center;align-items:center;gap:24px;height:110px;display:flex;overflow:hidden}.xp-motif i{background:#b7e9ee;width:2px;height:75px;display:block;transform:rotate(12deg)}.xp-motif.puzzle i{background:0 0;border:2px solid #cabd86;width:30px;height:30px;transform:rotate(0)}.xp-motif.radio i{background:#d2ac6e;border-radius:100%;width:12px;height:55px}.xp-motif.desktop i{background:#233946;border:1px solid #aec3c3;width:40px;height:32px;transform:translateY(12px)}.xp-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.xp-toolbar label{flex:1;min-width:150px}.xp-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.xp-strings{touch-action:manipulation;background:radial-gradient(at 50% 0,#234652,#0a111e 70%);border:1px solid #435563;border-radius:16px;gap:4px;height:300px;padding:18px;display:flex}.experience-page .xp-strings button{touch-action:none;background:0 0;border:0;flex-direction:column;flex:1;justify-content:end;align-items:center;min-width:0;margin:0;padding:4px;display:flex}.xp-wire{background:linear-gradient(#0000,#b8e7ed,#0000);flex:1;width:2px;margin-bottom:15px;transition:transform .2s}.plucked .xp-wire{background:#fff;transform:scaleX(5);box-shadow:0 0 20px #c7e3ef}.xp-terminal{color:#d1e5cf;background:#101c18;border:1px solid #849a85;padding:24px;font-family:monospace}.xp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:600px;display:grid}.xp-grid span{text-align:center;border:1px solid #607889;padding:14px 3px;font-size:.8rem}.xp-grid .current{background:#363d32;border:3px solid #e3d08b}.xp-radio{color:#f3e8cb;background:radial-gradient(at top,#4b3c27,#191c1e 70%);border:6px solid #4e4338;border-radius:25px;padding:28px}.xp-radio progress{accent-color:#e3c38f;width:100%}.xp-desktop{background:linear-gradient(135deg,#172c35,#2b353c);border:2px solid #6b7b87;border-radius:12px;padding:18px}.xp-desktop>nav{flex-wrap:wrap;gap:8px;display:flex}.xp-windows{flex-direction:column;gap:16px;display:flex}.xp-window{background:#111e29;border:2px solid #637d8c;border-radius:10px;min-width:0;padding:16px;position:relative}.xp-window header{background:#273e4e;flex-wrap:wrap;align-items:center;margin:-16px -16px 16px;padding:5px;display:flex}.xp-window header button:first-child{text-align:left;flex:1}.xp-window nav{flex-wrap:wrap;display:flex}.xp-window svg{max-width:100%;height:auto}.xp-taskbar{border-top:1px solid #71808c;margin-top:20px;padding-top:12px}.xp-reset{border-top:1px solid #486071;margin-top:28px;padding-top:20px}.xp-reset [role=group]{border:2px solid #d4be87;padding:18px}.experience-page blockquote{margin:12px 0}.experience-page p{max-width:85ch}@media (max-width:650px){.experience-page{padding:20px 16px 100px}.xp-cards,.xp-controls{grid-template-columns:1fr}.xp-strings{height:240px;padding:12px 5px}.xp-radio,.xp-cards article,.xp-evidence{padding:18px}.xp-desktop{padding:10px}.xp-window{padding:12px}.xp-window header{margin:-12px -12px 12px}.xp-toolbar{gap:4px}}@media (prefers-reduced-motion:reduce){.experience-page *{transition:none!important;animation:none!important}}.xp-radio.is-complete{background:radial-gradient(at top,#697d75,#182c32 70%);border-color:#a6b9a5}.xp-world-scene{background:#102331;border:1px solid #486575;border-radius:16px;margin:24px 0;overflow:hidden}.xp-world-scene svg{width:100%;height:auto;max-height:310px;display:block}.xp-world-scene figcaption{color:#b6d6df;padding:12px 18px}.xp-star{animation:5s ease-in-out infinite alternate xp-twinkle}.xp-orbits{transform-origin:650px 140px;animation:35s linear infinite xp-orbit}.is-active .xp-orbits{stroke:#f4dfa5;stroke-width:3px}.xp-rain{animation:1.8s linear infinite xp-rainfall}.xp-lamp-glow{animation:4s ease-in-out infinite alternate xp-twinkle}.xp-facility-scene{background:#0e1b20;border:1px solid #537568;border-radius:14px;padding:16px}.xp-corridor{background:linear-gradient(145deg,#273840,#091218 45%,#1d343a);border-bottom:12px solid #435451;justify-content:center;align-items:end;gap:5%;min-height:230px;padding:32px 16px 24px;display:flex;position:relative;overflow:hidden}.xp-ceiling-light{background:#e1e7c6;width:40%;height:5px;position:absolute;top:12px;left:30%;box-shadow:0 0 35px #c0dbbd}.xp-scene-prop{text-align:center;background:linear-gradient(100deg,#132027,#2c454a);border:5px ridge #638080;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:28%;min-height:160px;padding:8px;font-size:clamp(.75rem,2vw,1rem);display:flex}.xp-scene-prop small{color:#b6c1a6;font:11px monospace}.xp-indicator{background:#535b54;border-radius:50%;width:12px;height:12px}.xp-indicator.on{background:#a2edb1;box-shadow:0 0 18px #78ed9a}.xp-receiver-scene{background:#1a201e;border:2px solid #ab8d63;border-radius:14px;grid-template-columns:1fr 2fr;gap:20px;margin:20px 0;padding:20px;display:grid}.xp-speaker-grille{background:repeating-radial-gradient(circle,#111b1a 0 3px,#596455 4px 5px);border-radius:50%;min-height:120px}.xp-frequency-display{color:#e9d19a;flex-direction:column;justify-content:center;min-width:0;font-family:monospace;display:flex}.xp-frequency-display strong{font-size:clamp(2rem,8vw,4rem);line-height:1.2}.xp-signal-bars{align-items:center;gap:4px;height:60px;display:flex;overflow:hidden}.xp-signal-bars i{background:#c7c98e;flex:1;transform:scaleY(.25)}.xp-signal-bars.on-air i{animation:.9s ease-in-out infinite alternate xp-bars}.experience-page .xp-broadcast input[type=checkbox]{vertical-align:middle;width:20px;min-height:20px;margin-right:10px;display:inline-block}.xp-station-presets{flex-wrap:wrap;gap:4px;display:flex}.xp-station-presets button[aria-pressed=true]{background:#374738;border-color:#ead29a}.xp-wire{transform-origin:50%}.plucked .xp-wire{animation:.2s ease-in-out 3 xp-string}.xp-window{animation:.25s ease-out xp-window-enter}.xp-grid .current{transition:background .2s;box-shadow:0 0 16px #d6c57855}.xp-world-scene.is-active{border-color:#d8c99b}@keyframes xp-twinkle{0%{opacity:.4}to{opacity:1}}@keyframes xp-orbit{to{transform:rotate(360deg)}}@keyframes xp-rainfall{to{transform:translateY(18px)}}@keyframes xp-bars{to{transform:scaleY(1)}}@keyframes xp-string{50%{transform:translate(4px)scaleX(3)}}@keyframes xp-window-enter{0%{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:650px){.xp-receiver-scene{grid-template-columns:1fr 2fr;gap:12px;padding:12px}.xp-speaker-grille{min-height:90px}.xp-corridor{gap:3%;min-height:190px;padding:28px 5px 12px}.xp-scene-prop{border-width:3px;width:31%;min-height:135px}.xp-world-scene svg{min-height:130px}}@media (prefers-reduced-motion:reduce){.experience-page *{transition:none!important;animation:none!important}}