/* A complete editorial feature guide, progressively enhanced into an explorer. */
.experience{--exp-accent:#a1d9af;--exp-soft:#142a25;--exp-line:#ffffff24;--exp-text:#f6f7f0;padding-block:75px 62px;scroll-margin-top:160px}.exp-quest{--exp-accent:#efce81;--exp-soft:#17323a}.exp-sound{--exp-accent:#f0b382;--exp-soft:#332b21}.exp-arcade{--exp-accent:#f4c581;--exp-soft:#282819}.exp-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:31px}.exp-heading .eyebrow{font-size:8px;letter-spacing:2px;color:#606957}.exp-heading h2{font-size:clamp(38px,5.1vw,67px);line-height:1.04;letter-spacing:-3.3px;margin-top:22px}.exp-heading h2>span{color:#64765e}.exp-quest .exp-heading h2>span{color:#946423}.exp-sound .exp-heading h2>span{color:#b74732}.exp-arcade .exp-heading h2>span{color:#8b602a}.exp-heading>p{font-size:13px;line-height:1.85;max-width:300px;color:#5b6454;padding-bottom:5px}.exp-stage{background:#101918;color:var(--exp-text);border-radius:30px;overflow:hidden;box-shadow:0 18px 45px #1019170d}.exp-quest .exp-stage{background:#11252b}.exp-sound .exp-stage{background:#171715}.exp-arcade .exp-stage{background:#1b2119}.exp-controls{display:none;border-bottom:1px solid var(--exp-line);padding-inline:36px;gap:26px}.exp-ready .exp-controls{display:flex}.exp-controls button{position:relative;flex:1;min-width:0;min-height:79px;border:0;background:transparent;color:#b3bdb4;display:flex;align-items:center;gap:13px;font-size:13px;font-weight:650;text-align:left;padding:12px 0}.exp-controls button>span{font-size:9px;font-weight:500;color:#aab7a8}.exp-controls button>i{font-style:normal;margin-left:auto;font-size:17px;opacity:0;translate:-5px 4px;transition:opacity .3s,translate .4s}.exp-controls button:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--exp-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s}.exp-controls button[aria-pressed=true]{color:var(--exp-text)}.exp-controls button[aria-pressed=true]:after{transform:scaleX(1)}.exp-controls button[aria-pressed=true]>i{opacity:1;translate:0 0}.experience button:focus-visible,.experience a:focus-visible{outline:3px solid var(--exp-accent);outline-offset:5px;border-radius:3px}.exp-body{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:40px;padding:47px 43px 43px}.exp-figure{margin:0;min-width:0}.exp-diagram{position:relative;min-height:335px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 60%,var(--exp-soft),transparent 72%);border-radius:20px}.exp-figure figcaption{font-size:10px;line-height:1.8;color:#aebdae;max-width:440px;margin:18px auto 0;text-align:center;padding-inline:16px}.exp-copy{min-width:0}.exp-ready .exp-copy{min-height:355px;display:flex;align-items:center}.exp-panel+.exp-panel{padding-top:30px;border-top:1px solid var(--exp-line);margin-top:30px}.exp-ready .exp-panel+.exp-panel{margin:0;padding:0;border:0}.exp-panel-label{font-size:8px;letter-spacing:1.8px;text-transform:uppercase;color:var(--exp-accent);margin-bottom:18px}.exp-panel h3{font-size:clamp(26px,2.65vw,36px);line-height:1.15;letter-spacing:-1.4px;max-width:350px}.exp-panel>p:not(.exp-panel-label){font-size:14px;line-height:1.85;color:#c0cbbf;margin-top:19px}.exp-panel ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}.exp-panel li{position:relative;padding-left:19px;font-size:12px;line-height:1.75;color:#d6dfd1}.exp-panel li:before{content:none;position:absolute;left:0;color:var(--exp-accent);font-size:11px}.exp-bottom{border-top:1px solid var(--exp-line);padding:17px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.exp-bottom>span{font-size:7px;letter-spacing:1.6px;color:#b4c0ae}.exp-bottom a{display:inline-flex;align-items:center;gap:26px;min-height:44px;font-size:12px;font-weight:700;color:var(--exp-accent)}.exp-bottom a>span[aria-hidden]{font-size:19px;transition:translate .3s}.exp-bottom a:hover>span[aria-hidden]{translate:2px -2px}.exp-view{display:none;min-width:0;max-width:100%}.experience[data-exp-selected="0"] .exp-view[data-exp-view="0"],.experience[data-exp-selected="1"] .exp-view[data-exp-view="1"],.experience[data-exp-selected="2"] .exp-view[data-exp-view="2"]{display:block}.exp-action{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:11px 18px;border:1px solid #e6d09877;border-radius:30px;background:#efd88d;color:#182820;font-size:11px;font-weight:750}.exp-action>span{font-size:19px;line-height:1}.exp-demo-actions{display:none;margin-top:19px;align-items:center;justify-content:center;gap:17px}.exp-ready .exp-demo-actions{display:flex}.exp-demo-hint{max-width:125px;font-size:9px;line-height:1.7;color:#c1cbb8}
/* Fireboy and Watergirl: activate the matching lane. */
.exp-element-map{position:relative;padding:22px 20px 19px;overflow:hidden;background:linear-gradient(135deg,#132d29,#1a352b 70%,#162a25);border:1px solid #7d9f8030;border-radius:20px;min-height:335px}.exp-temple-lines{position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0 74px,#a0b89c 75px 76px,transparent 77px 150px),repeating-linear-gradient(0deg,transparent 0 54px,#668969 55px 56px,transparent 57px 110px);mask-image:linear-gradient(transparent,#0008)}.exp-element-lane{--element:#fd9449;position:relative;height:139px;border-bottom:1px solid #a4bb991f}.exp-lane-water{--element:#58c8f1}.exp-lane-name{position:absolute;top:6px;left:0;font-size:7px;font-weight:700;letter-spacing:1.6px;color:var(--element);opacity:.65;transition:opacity .35s}.exp-route-line{position:absolute;left:20%;right:7%;height:1px;border-top:2px dashed var(--element);bottom:49px;opacity:.18;transition:opacity .5s}.exp-pool{position:absolute;left:29%;right:25%;height:20px;bottom:30px;border-radius:4px 4px 14px 14px;background:var(--element);opacity:.24;box-shadow:0 10px 20px #0003;transition:opacity .5s,box-shadow .5s}.exp-pool:before{content:'';position:absolute;inset:-7px -5px auto;height:8px;border-radius:50%;background:var(--element);opacity:.6}.exp-pool i{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;opacity:.7;left:30%;top:5px}.exp-pool i:nth-child(2){left:50%;top:10px}.exp-pool i:nth-child(3){left:75%;top:3px}.exp-traveller{position:absolute;inset:0;pointer-events:none;transform:translateX(0);transition:transform .9s cubic-bezier(.2,.75,.2,1)}.exp-character{position:absolute;width:96px;height:96px;left:-5px;bottom:35px;background-size:400% 200%;background-position:0 0;background-repeat:no-repeat;filter:drop-shadow(0 8px 8px #0003);opacity:.45;transition:opacity .4s}.exp-character-fire{background-image:url('/assets/fireboy-sprite.webp')}.exp-character-water{background-image:url('/assets/watergirl-sprite.webp')}.exp-door{position:absolute;right:2%;bottom:32px;width:42px;height:67px;border:1px solid var(--element);border-radius:22px 22px 3px 3px;display:flex;justify-content:center;align-items:center;color:var(--element);font-size:23px;opacity:.3;transition:opacity .5s,background .5s}.exp-element-rule{font-size:6px;letter-spacing:1.5px;color:#d1debe;display:flex;align-items:center;justify-content:center;gap:11px;margin-top:17px}.exp-element-rule>span{color:#a3ce89;font-size:13px}.experience[data-exp-selected="0"] .exp-lane-fire .exp-traveller,.experience[data-exp-selected="1"] .exp-lane-water .exp-traveller,.experience[data-exp-selected="2"] .exp-traveller{transform:translateX(57%)}.experience[data-exp-selected="0"] .exp-lane-fire .exp-character,.experience[data-exp-selected="1"] .exp-lane-water .exp-character,.experience[data-exp-selected="2"] .exp-character,.experience[data-exp-selected="0"] .exp-lane-fire .exp-route-line,.experience[data-exp-selected="1"] .exp-lane-water .exp-route-line,.experience[data-exp-selected="2"] .exp-route-line,.experience[data-exp-selected="0"] .exp-lane-fire .exp-lane-name,.experience[data-exp-selected="1"] .exp-lane-water .exp-lane-name,.experience[data-exp-selected="2"] .exp-lane-name{opacity:1}.experience[data-exp-selected="0"] .exp-lane-fire .exp-pool,.experience[data-exp-selected="1"] .exp-lane-water .exp-pool,.experience[data-exp-selected="2"] .exp-pool{opacity:.85}.experience[data-exp-selected="0"] .exp-lane-fire .exp-door,.experience[data-exp-selected="1"] .exp-lane-water .exp-door,.experience[data-exp-selected="2"] .exp-door{opacity:1;background:#ffffff08}
/* Super Quest: a schematic route with an optional, user-triggered jump. */
.exp-quest-map{position:relative;overflow:hidden;aspect-ratio:620/360;border-radius:20px;background:linear-gradient(#254954,#142d32);border:1px solid #8facaa33}.exp-quest-map>svg{width:100%;height:100%}.exp-quest-route{opacity:.18;transition:opacity .6s,stroke-dashoffset .8s;stroke-dashoffset:8}.exp-map-stars,.exp-map-pipe{opacity:.4;transition:opacity .5s}.exp-quest-traveller{position:absolute;width:38px;height:42px;left:17%;top:61%;filter:drop-shadow(0 5px 3px #152d2d66)}.exp-quest-traveller svg{display:block;width:100%;height:100%}.exp-route-tag{position:absolute;bottom:17px;left:20px;font-size:6px;letter-spacing:1.6px;color:#e9e8bc;display:none}.experience[data-exp-selected="0"] .exp-quest-route-main,.experience[data-exp-selected="1"] .exp-quest-route-hidden,.experience[data-exp-selected="2"] .exp-quest-route-stars,.experience[data-exp-selected="1"] .exp-map-pipe,.experience[data-exp-selected="2"] .exp-map-stars{opacity:1;stroke-dashoffset:0}.experience[data-exp-selected="0"] .exp-route-tag-main,.experience[data-exp-selected="1"] .exp-route-tag-hidden,.experience[data-exp-selected="2"] .exp-route-tag-stars{display:block}.exp-jump-flash .exp-quest-traveller{box-shadow:0 0 0 7px #efdca830,0 0 20px #efdca850}
/* Resonant: a real, explicitly activated synth preview and two workflow diagrams. */
.exp-sound .exp-diagram{background:radial-gradient(ellipse at 50% 50%,#59432d,#352b2222 73%)}.exp-sound-view{padding:25px 20px 21px;background:linear-gradient(135deg,#4d4332,#24251f);border:1px solid #b7a07a;border-radius:17px;box-shadow:0 8px 0 #141611,0 12px 0 #766246,0 30px 40px #15120d66;transform:perspective(850px) rotateX(6deg) rotateY(-3deg)}.exp-synth-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;font-size:19px;font-weight:750;letter-spacing:-.7px}.exp-preview-tag{display:block;margin-top:7px;font-size:6px;letter-spacing:1.7px;font-weight:500;color:#e3c9a4}.exp-sound-light{width:7px;height:7px;border-radius:50%;background:#8d876f;box-shadow:0 0 0 4px #aab39811;transition:background .15s,box-shadow .15s}.exp-sound-view.is-sounding .exp-sound-light{background:#c7efa7;box-shadow:0 0 14px #c7efa799}.exp-synth-keys{display:grid;grid-template-columns:repeat(8,minmax(44px,1fr));gap:3px;padding:4px 4px 8px;background:#1b1d17;border-radius:5px;isolation:isolate;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a79573 transparent}.exp-synth-key{position:relative;height:141px;min-width:44px;border:0;border-radius:3px 3px 6px 6px;background:linear-gradient(#d2d2d0,#fffef6 37%,#e9e8df 91%,#a5a4a4);box-shadow:0 4px 0 #aaa8a8;color:#494335;padding:0;touch-action:manipulation;transition:transform .08s,background .1s}.exp-synth-key>span{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:12px;font-weight:750}.exp-synth-key.exp-sharp:after{content:'';position:absolute;top:0;right:-34%;width:65%;height:57%;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#11140e,#3f4135 70%,#181c13);box-shadow:0 4px 0 #0b0e09;z-index:2;pointer-events:none}.exp-synth-key.is-sounding,.exp-synth-key:active:not(:disabled){background:linear-gradient(#d5b283,#f5d6a5 42%,#ddbb87);transform:translateY(3px)}.exp-synth-key:focus-visible{outline:3px solid #b74732;outline-offset:-4px;z-index:3}.exp-synth-key:disabled{cursor:default}.exp-synth-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.exp-synth-footer>span{font-size:8px;line-height:1.6;color:#d9cbb2;max-width:145px}.exp-synth-footer button{color:#f1d6ad;font-size:9px;background:transparent;border:1px solid #b9a27e77;border-radius:24px;min-height:44px;padding:8px 13px;flex-shrink:0}.exp-synth-footer button:disabled{display:none}.exp-record-view,.exp-arrange-view{padding:25px 25px 24px;border:1px solid #b49b7166;border-radius:19px;background:linear-gradient(145deg,#393125,#20231b);box-shadow:0 20px 50px #15120c44}.exp-tool-heading{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.2px;color:#efdbb9}.exp-tool-heading>span:last-child{margin-left:auto;font-size:5px;letter-spacing:1px;color:#cbb998}.exp-record-dot{height:7px;width:7px;flex-shrink:0;background:#e99571;border-radius:50%}.exp-record-wave{height:112px;display:flex;align-items:center;justify-content:center;gap:clamp(1px,.3vw,3px);border-block:1px solid #b39b742b;margin-top:28px;padding-inline:8px}.exp-record-wave i{height:var(--level);flex:1;min-width:2px;max-width:5px;border-radius:3px;background:linear-gradient(#f0d2a2,#c18555)}.exp-record-marks{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.4px;margin-top:17px;color:#d8c2a0}.exp-record-limit{display:flex;align-items:center;gap:17px;margin-top:25px}.exp-record-limit strong{font-size:42px;letter-spacing:-2px;color:#edcfa3}.exp-record-limit>span{font-size:9px;line-height:1.7;color:#ccbea5}.exp-tracks{display:grid;gap:7px;margin-top:21px}.exp-tracks>div{position:relative;height:23px;border-radius:4px;background:repeating-linear-gradient(90deg,#ffffff05 0,#ffffff05 23%,#c8af7f22 24%,#ffffff05 25%)}.exp-tracks>div>span{position:absolute;left:6px;top:6px;font-size:6px;color:#dfcaab}.exp-tracks i{position:absolute;left:calc(13% + var(--offset));width:var(--length);top:3px;bottom:3px;background:var(--track-color);border-radius:3px;opacity:.85;overflow:hidden}.exp-tracks i:after{content:'';position:absolute;inset:4px 0;background:repeating-linear-gradient(90deg,transparent 0 5px,#30291f88 5px 6px)}.exp-arrange-caption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:25px}.exp-arrange-caption strong{font-size:22px;letter-spacing:-1px;color:#f0d2a2}.exp-arrange-caption span{font-size:8px;color:#d5c4a6}
/* Arcade: keyboard, touch layout and a truthful local pairing diagram. */
.exp-arcade-screen{position:relative;overflow:hidden;min-height:202px;border:7px solid #3d4435;border-radius:18px;background:linear-gradient(#09211bdd,#15332599),url('/assets/metal-scene.svg') center/cover;box-shadow:0 7px 0 #0e170f,0 22px 30px #0a100c55;padding:28px 22px 22px;text-align:center}.exp-arcade-screen>span{font-size:8px;letter-spacing:1.7px;color:#eee8b8}.exp-arcade-titles{display:flex;gap:8px;justify-content:center;margin-top:29px}.exp-arcade-titles i{flex:1;min-width:0;max-width:40px;display:flex;align-items:center;justify-content:center;width:40px;height:42px;border:1px solid #d8c78577;border-radius:7px;color:#eed493;background:#1b3425dd;font-size:20px;font-style:normal;font-weight:800}.exp-arcade-screen small{display:block;font-size:6px;letter-spacing:1.5px;color:#e4e5c9;margin-top:19px}.exp-key-board{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:33px}.exp-key-board kbd{font-family:inherit;background:linear-gradient(#606a4f,#313e2f);box-shadow:0 4px 0 #111b13;border:1px solid #88947166;border-radius:5px;color:#f0e5b9;display:flex;align-items:center;justify-content:center;min-width:32px;height:29px;font-size:10px}.exp-wasd{display:grid;grid-template-columns:repeat(3,29px);gap:5px}.exp-wasd kbd{min-width:0}.exp-wasd kbd:first-child{grid-column:2}.exp-wasd kbd:nth-child(2){grid-column:1}.exp-key-board>span{font-size:6px;color:#c8d1b5;letter-spacing:1px}.exp-action-keys{display:flex;gap:5px;align-items:flex-end}.exp-action-keys kbd{height:40px;flex-direction:column;gap:3px;padding-inline:6px}.exp-action-keys kbd small{font-size:5px;color:#d9dfc4}.exp-touch-phone{position:relative;aspect-ratio:1.85;border:8px solid #536044;border-radius:28px;background:#152b21;box-shadow:0 8px 0 #0e170f,0 25px 30px #090e0844;overflow:hidden}.exp-touch-game{position:absolute;inset:0;background:linear-gradient(#16392322,#06221888),url('/assets/metal-scene.svg') center/cover}.exp-touch-stick{position:absolute;left:8%;bottom:14%;width:65px;height:65px;background:#f4f6dc21;border:1px solid #f4f6d966;border-radius:50%;display:flex;align-items:center;justify-content:center}.exp-touch-stick i{width:29px;height:29px;border-radius:50%;background:#dce6c570;border:1px solid #ffffff80}.exp-touch-buttons{position:absolute;right:5%;bottom:12%;display:grid;grid-template-columns:repeat(2,36px);gap:8px}.exp-touch-buttons i{width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#f1dfba33;border:1px solid #e9e3c08a;border-radius:50%;color:#fff6d8;font-size:10px;font-style:normal}.exp-touch-buttons small{font-size:4px;letter-spacing:.4px}.exp-touch-notes{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:25px;font-size:6px;letter-spacing:1px;color:#d8dfc6}.exp-touch-notes i{width:64px;height:3px;border-radius:2px;background:#576747;position:relative}.exp-touch-notes i:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#d4dbaa;left:35px;top:-2.5px}.exp-team-view{border:1px solid #79846066;padding:29px 26px 25px;border-radius:19px;background:linear-gradient(135deg,#313e28,#1e2c22)}.exp-team-connection{display:flex;align-items:center;justify-content:center;gap:14px}.exp-team-device{border:2px solid #b3be9677;border-radius:11px;background:#17261d;min-width:78px;height:92px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#e6d393;font-size:27px;letter-spacing:-1px}.exp-team-device small{font-size:6px;letter-spacing:1.4px;color:#d6dcbc}.exp-team-wire{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d1d9b2;gap:5px}.exp-team-wire>span{font-size:36px;line-height:1}.exp-team-wire small{text-align:center;font-size:5px;letter-spacing:.8px;line-height:1.7}.exp-pair-steps{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:10px}.exp-pair-steps li{display:flex;gap:12px;align-items:center;color:#e1e6d2;font-size:10px}.exp-pair-steps b{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#e2d39622;color:#f0dda6;font-size:9px}.exp-team-view>p{font-size:8px;color:#cbd3b9;margin-top:20px}
@media(max-width:1050px){.exp-body{gap:29px;padding:37px 30px;grid-template-columns:1.05fr 1fr}.exp-controls{padding-inline:30px;gap:20px}.exp-controls button{font-size:11px;gap:9px;min-height:72px}.exp-diagram{min-height:300px}.exp-element-map{padding-inline:14px}.exp-character{width:83px;height:83px;bottom:34px}.exp-element-lane{height:128px}.exp-element-rule{font-size:5px;letter-spacing:1.1px}.exp-panel h3{font-size:29px}.exp-panel>p:not(.exp-panel-label){font-size:12px}.exp-panel li{font-size:11px}.exp-sound-view{padding:22px 13px 16px}.exp-synth-key{height:119px}.exp-synth-footer{gap:7px}.exp-synth-footer>span{font-size:7px}.exp-synth-footer button{font-size:8px;padding-inline:9px}.exp-arcade-titles{gap:5px}.exp-arcade-titles i{width:32px;height:37px;font-size:17px}.exp-key-board{gap:8px}.exp-wasd{grid-template-columns:repeat(3,23px);gap:4px}.exp-key-board>span{display:none}.exp-key-board kbd{min-width:24px}.exp-wasd kbd{min-width:0}.exp-action-keys kbd{font-size:8px;padding-inline:4px}.exp-touch-buttons{grid-template-columns:repeat(2,31px);gap:6px}.exp-touch-buttons i{width:31px;height:31px}.exp-touch-stick{width:55px;height:55px}.exp-ready .exp-copy{min-height:370px}.exp-heading>p{max-width:255px;font-size:12px}}
@media(max-width:760px){.experience{padding-block:50px;scroll-margin-top:135px}.exp-heading{display:block;margin-bottom:26px}.exp-heading h2{font-size:48px;letter-spacing:-2.5px;margin-top:17px}.exp-heading>p{max-width:420px;margin-top:21px;font-size:12px;padding:0}.exp-stage{border-radius:24px}.exp-controls{padding-inline:24px;gap:17px}.exp-controls button{font-size:11px;min-height:72px;gap:8px}.exp-controls button>i{display:none}.exp-body{grid-template-columns:1fr;padding:31px 26px 29px;gap:34px}.exp-diagram{max-width:480px;width:100%;margin:auto;min-height:0}.exp-figure figcaption{font-size:9px;margin-top:18px;max-width:420px}.exp-panel h3{font-size:33px;max-width:420px}.exp-panel>p:not(.exp-panel-label){font-size:13px}.exp-panel li{font-size:12px}.exp-ready .exp-copy{min-height:310px;align-items:flex-start}.exp-panel-label{font-size:8px;margin-bottom:14px}.exp-panel ul{margin-top:20px;gap:11px}.exp-bottom{padding:15px 24px;gap:17px}.exp-bottom>span{font-size:6px;letter-spacing:1px;max-width:125px;line-height:1.8}.exp-bottom a{font-size:11px;gap:14px}.exp-element-map{min-height:335px;padding:22px 20px 19px}.exp-element-lane{height:139px}.exp-character{width:96px;height:96px}.exp-element-rule{font-size:6px;letter-spacing:1.3px}.exp-sound-view{padding:25px 19px 19px;transform:none;margin-bottom:11px}.exp-synth-key{height:143px}.exp-synth-footer>span{font-size:8px;max-width:180px}.exp-synth-footer button{font-size:9px;padding-inline:13px}.exp-arcade-titles i{width:40px;height:42px;font-size:20px}.exp-key-board{gap:12px;margin-bottom:10px}.exp-wasd{grid-template-columns:repeat(3,29px);gap:5px}.exp-key-board>span{display:block}.exp-action-keys kbd{font-size:10px;padding-inline:6px;min-width:32px}.exp-touch-phone{max-height:230px}.exp-touch-stick{width:65px;height:65px}.exp-touch-buttons{grid-template-columns:repeat(2,36px);gap:8px}.exp-touch-buttons i{width:36px;height:36px}.exp-quest-traveller{width:35px;height:39px}.exp-record-view,.exp-arrange-view{padding:26px 24px}.exp-team-view{max-width:440px;width:100%;margin:auto}}
@media(max-width:400px){.exp-key-board>span{display:none}.exp-heading h2{font-size:41px}.exp-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.exp-controls{padding-inline:19px;gap:12px}.exp-controls button{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;font-size:10px;line-height:1.4;min-height:76px}.exp-controls button>span{font-size:7px}.exp-body{padding:26px 19px;gap:29px}.exp-element-map{padding-inline:13px}.exp-element-rule{font-size:5px;letter-spacing:1px}.exp-character{width:85px;height:85px}.exp-door{width:36px;height:61px;right:0}.exp-quest-traveller{width:31px;height:35px}.exp-sound-view{padding-inline:11px}.exp-synth-keys{gap:2px}.exp-synth-key{height:124px}.exp-synth-footer>span{font-size:7px;max-width:123px}.exp-synth-footer button{padding-inline:9px;font-size:8px}.exp-tool-heading{font-size:6px;letter-spacing:.8px}.exp-tool-heading>span:last-child{font-size:4px}.exp-record-view,.exp-arrange-view{padding:22px 19px}.exp-record-wave{gap:2px}.exp-arrange-caption{gap:10px}.exp-arrange-caption strong{font-size:20px}.exp-arrange-caption span{font-size:7px}.exp-arcade-titles{gap:5px}.exp-arcade-titles i{width:30px;height:37px;font-size:18px}.exp-arcade-screen{padding-inline:14px}.exp-touch-phone{border-width:6px;border-radius:22px}.exp-touch-buttons{grid-template-columns:repeat(2,30px);gap:6px}.exp-touch-buttons i{width:30px;height:30px}.exp-touch-stick{width:51px;height:51px}.exp-touch-stick i{width:24px;height:24px}.exp-touch-notes{gap:9px;font-size:5px}.exp-team-view{padding:25px 19px}.exp-team-connection{gap:9px}.exp-team-device{min-width:68px;height:84px}.exp-bottom{padding-inline:19px}.exp-bottom>span{max-width:100px}.exp-panel h3{font-size:29px}}
.motion-paused .experience *,.motion-paused .experience *:before,.motion-paused .experience *:after{animation:none!important;transition:none!important}.motion-paused .exp-sound-view{transform:none}
@media(prefers-reduced-motion:reduce){.experience *,.experience *:before,.experience *:after{animation:none!important;transition:none!important}.exp-sound-view{transform:none}}
@media print{.experience{padding-block:30px}.exp-stage{background:white!important;color:black;border:1px solid #ccc;box-shadow:none}.exp-controls,.exp-diagram,.exp-status,.exp-bottom{display:none!important}.exp-body{display:block;padding:20px}.exp-figure{display:none}.exp-panel[hidden]{display:block!important}.exp-panel h3,.exp-panel p,.exp-panel li{color:black!important}.exp-panel+.exp-panel{margin-top:25px!important}.exp-ready .exp-copy{display:block}.exp-heading h2{font-size:30px}.exp-heading>p{color:black}}

/* Camber Reign: a small schematic beside the actual gameplay image. */
.exp-racing{--exp-accent:#fff71e}.exp-racing .exp-stage{background:linear-gradient(145deg,#291042,#110017);color:#f0e9f8}.exp-race-board{width:100%;border:1px solid #9246ff70;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px #020b1140}.exp-race-board svg{display:block;width:100%;height:auto}.exp-race-line{opacity:.28;transition:opacity .4s}.exp-race-boost{opacity:0;transition:opacity .3s}.exp-race-charge{stroke-dasharray:150;stroke-dashoffset:62;transition:stroke-dashoffset .65s}.experience[data-exp-selected="1"] .exp-race-line{opacity:1}.experience[data-exp-selected="2"] .exp-race-boost{opacity:1}.experience[data-exp-selected="2"] .exp-race-charge{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.exp-race-line,.exp-race-boost,.exp-race-charge{transition:none}}