@font-face{font-family:unused;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:#091821;color:#eaf6f4;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.55}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit;background:#162d39;border:1px solid #466471;border-radius:12px;padding:11px 17px;min-height:46px}button:hover:not(:disabled){background:#234655}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex='-1']:focus-visible{outline:3px solid #ffce86;outline-offset:5px}fieldset{border:0;padding:0;margin:25px 0 0;min-width:0}legend{font-weight:650;margin-bottom:13px}input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:38px;background:transparent;cursor:pointer;accent-color:#93eee1}input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:20px;background:#47646d}input[type=range]::-moz-range-track{height:7px;border-radius:20px;background:#47646d}input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;margin-top:-8.5px;border:3px solid #effffc;border-radius:50%;background:#80e7d4;box-shadow:0 0 0 6px #80e7d415}input[type=range]::-moz-range-thumb{width:19px;height:19px;border:3px solid #effffc;border-radius:50%;background:#80e7d4}input:disabled{cursor:wait}[hidden]{display:none!important}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;z-index:50;padding:14px;background:#fff;color:#091821}.top,main,footer{width:min(1200px,calc(100% - 64px));margin:auto}.top{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29414c}.top>a:last-child{font-size:14px;text-decoration:none}.brand{display:inline-flex;gap:9px;align-items:center;font-size:22px;font-weight:750;text-decoration:none;letter-spacing:-1px}.brand>span{white-space:nowrap}.mint{color:#99e8de}.intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;min-height:580px;padding:50px 0 66px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:#a1dcd4}.spark{font-size:22px;color:#a6ece1;vertical-align:middle;margin-right:7px}h1{font-size:clamp(48px,5.9vw,79px);line-height:1.04;letter-spacing:-4px;font-weight:580;margin:24px 0}h1 em{font-style:normal;color:#a5eee2}h2{font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-1px;font-weight:570;margin:12px 0 18px}h3{font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:560;margin:18px 0}.lede{font-size:19px;color:#b8cdd2;margin:24px 0}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:#a4f0df;color:#082a2c;border:0;text-decoration:none;border-radius:100px;padding:14px 24px;font-weight:700;min-height:50px}.primary:hover{background:#c4fff0!important;color:#082a2c}.small{font-size:12px;color:#a8c1c9}.intro-note{margin-top:17px}.intro-context{max-width:410px;color:#90aab5;font-size:14px;margin:32px 0 0}.intro-teaser{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px}.orb{width:100%;max-width:428px;aspect-ratio:1;position:relative;border-radius:50%;padding:24px;border:1px solid #2a4c58;background:radial-gradient(circle,#134340 0,#0a1b26 73%);box-shadow:0 0 90px #55dcbc10}.orb:after{content:'';position:absolute;inset:10px;border:1px dashed #3d646c66;border-radius:50%}.orb img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:brightness(1.3);border:1px solid #36545c}.orbit{position:absolute;inset:-16px;border:1px solid #43666e4d;border-radius:50%;transform:rotate(-20deg) scaleY(.8);pointer-events:none}.orbit-two{inset:12px;transform:rotate(35deg) scaleX(1.18)}.teaser-label{margin-top:30px;background:#16363e;border:1px solid #41636a;padding:8px 16px;border-radius:40px;font-size:13px}.dot,.live-dot{display:inline-block;background:#87e8d2;width:6px;height:6px;border-radius:50%;margin-right:8px}.teaser-note{font-size:11px;color:#809da9;margin-top:10px}.play{padding-top:32px;border-top:1px solid #29414c}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.play-heading h2{margin-bottom:0}.play-heading>button{font-size:13px;white-space:nowrap}.play-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #385461;border-radius:24px;overflow:hidden;background:#10232e}.viewer-column{padding:20px;min-width:0;background:#0c1c27}.view-top{display:flex;align-items:center;font-size:13px;margin:0 2px 16px}.tag{margin-left:auto;font-size:9px;letter-spacing:1.5px;color:#a2bac6;border:1px solid #36505c;border-radius:5px;padding:3px 7px}.viewport{aspect-ratio:1;position:relative;background:#000c14;border:1px solid #304950;border-radius:14px;overflow:hidden;isolation:isolate;touch-action:pan-y}.viewport>img{width:100%;height:100%;object-fit:contain;display:block;transform-origin:50% 50%;user-select:none;transition:transform .2s ease;will-change:transform}.crosshair{position:absolute;inset:14px;border:1px solid #bfe8e52b;border-radius:8px;pointer-events:none}.view-badges{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.view-badges>span{background:#081b28df;padding:5px 8px;font-size:11px;border-radius:5px;border:1px solid #385160}.view-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}#legend{display:flex;flex-direction:column;font-size:11px;color:#c0d1d7;gap:4px}i{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%}.blue{background:#80aaff}.green{background:#75e4ae}.both{background:linear-gradient(90deg,#80aaff 50%,#75e4ae 50%)}#compare{font-size:12px;padding:9px 12px;min-height:42px}#compare[aria-pressed=true]{border-color:#b7a7f5;background:#3c355b}.load-status{font-size:12px;margin:9px 0 0;color:#baded7;min-height:19px}.controls-column{padding:22px 30px;min-width:0}.steps{display:flex;border-bottom:1px solid #3a505b;padding-bottom:20px;gap:8px}.steps button{border:0;background:transparent;border-radius:8px;padding:7px 9px;font-size:11px;min-width:0;flex:1;line-height:1.3;color:#abc0c9;text-align:left}.steps button span{display:block;font-size:11px;color:#8cbcb9;margin-bottom:6px}.steps button[aria-current=step]{background:#254346;color:#effffd}.steps button[aria-current=step] span{color:#baffea}.step-kicker{font-size:10px;letter-spacing:1.8px;color:#9ccfc9;margin:28px 0 0}.task-copy{font-size:16px;color:#b5cdd4;line-height:1.65;min-height:53px}.help{font-size:13px;color:#93aeba;line-height:1.65;margin:14px 0 0}.range-ends{display:flex;justify-content:space-between;font-size:11px;color:#95afba}.channels{display:grid;gap:8px}.channels label{position:relative}.channels input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.channels label span{display:flex;align-items:center;border:1px solid #46606d;border-radius:10px;padding:12px 15px;font-size:14px;cursor:pointer}.channels input:checked+span{background:#284749;border-color:#96e5d6;color:#effff8}.channels input:focus-visible+span{outline:3px solid #ffce86;outline-offset:3px}.discovery-note{display:flex;align-items:start;gap:6px;background:#253543;border-left:2px solid #b7a7f5;border-radius:0 10px 10px 0;padding:13px 14px;margin:24px 0}.discovery-note .spark{color:#c2b6ef;font-size:20px}.discovery-note p{margin:0;font-size:13px;color:#d1dce6}.task-actions{display:flex;align-items:center;gap:18px}.task-actions button{font-size:13px}.task-actions>span{max-width:110px}.permission-note{font-size:12px;color:#8daab5;border-top:1px solid #314b57;margin:24px 0 0;padding-top:18px}.next-world{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:88px 0 70px}.next-intro>p:not(.eyebrow){font-size:16px;color:#a9c1cb}.text-link{font-size:14px;display:inline-block;margin-top:15px;color:#b6e5dc}.destinations{display:grid;gap:12px}.destinations>a{display:flex;align-items:center;gap:20px;text-decoration:none;padding:21px;background:#122732;border:1px solid #36515e;border-radius:14px}.destinations>a:hover{border-color:#8bd0c8;background:#1a3541}.destinations small{display:block;letter-spacing:1.1px;font-size:9px;color:#a0c5ca}.destinations strong{display:block;font-size:17px;font-weight:550;line-height:1.4;margin:5px 0}.destinations a>span>span{font-size:12px;color:#a6bdc6;display:block}.destinations b{margin-left:auto;font-size:23px;color:#98d6cf;font-weight:400}.card-art{width:48px;height:48px;display:grid;place-items:center;flex:none;background:#243f49;border:1px solid #41616b;border-radius:12px;font-size:31px;color:#a9eddd}.art-surface,.art-height{color:#efcea0;background:#393c3b}.art-beam{color:#bdafea;background:#2f344a}.share-invite{border-top:1px solid #314956;border-bottom:1px solid #314956;padding:40px 0;display:flex;justify-content:space-between;align-items:center;gap:40px}.share-invite h2{font-size:29px}.share-invite p:not(.eyebrow){font-size:14px;color:#a6c0c9}.share-invite>div:last-child{min-width:240px}.share-invite input{width:100%;padding:10px;background:#102631;border:1px solid #4a6776;color:#e4f4f1;border-radius:6px}.about{margin:32px 0;font-size:13px;color:#b0c7cf}.about summary{font-size:14px;padding:8px 0;color:#d2e7e4}.about p{max-width:850px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #29414c;padding:30px 0;font-size:12px;color:#98b0bc;gap:20px}.no-script{padding:20px;background:#314b47}#viewport[data-zoomed=true]{cursor:crosshair}
@media(min-width:1500px){.intro{min-height:650px}}
@media(max-width:1000px){.top,main,footer{width:calc(100% - 40px)}.intro{gap:25px;min-height:520px}h1{font-size:59px}.controls-column{padding:20px}.task-actions{flex-wrap:wrap;gap:8px}.task-actions>span{max-width:none}.task-copy{font-size:14px}h3{font-size:25px}.play-grid{grid-template-columns:1.05fr 1fr}.next-world{gap:35px}}
@media(max-width:700px){.top{height:68px}.top,main,footer{width:calc(100% - 32px)}.top>a:last-child{font-size:12px}.brand{font-size:20px}.intro{grid-template-columns:1fr;gap:0;min-height:0;padding:34px 0 40px}.intro-copy{text-align:center}.intro .eyebrow{font-size:9px}h1{font-size:clamp(42px,12vw,62px);letter-spacing:-2.5px;margin:18px 0}.lede{font-size:16px;margin:20px 0}.intro-context{margin:22px auto 0;max-width:340px;font-size:13px}.intro-teaser{padding:28px 30px 0}.orb{max-width:210px;padding:14px}.teaser-label{margin-top:18px;font-size:11px}.teaser-note{font-size:10px}.play{padding-top:23px}.play-heading{align-items:start;gap:9px}.play-heading .eyebrow{font-size:9px;letter-spacing:1px}.play-heading h2{font-size:25px;max-width:235px}.play-heading>button{font-size:11px;padding:10px;min-height:42px;margin-top:9px}.play-grid{grid-template-columns:1fr;border-radius:18px}.viewer-column{padding:13px}.viewport{width:100%;max-height:310px;aspect-ratio:1.15}.viewport>img{object-fit:contain}.view-top{font-size:12px;margin-bottom:10px}.view-bottom{margin-top:10px}.view-badges{bottom:8px;left:8px;right:8px}.view-badges>span{font-size:10px;padding:3px 5px}.controls-column{padding:16px;border-top:1px solid #344c59}.steps{padding-bottom:12px}.steps button{font-size:11px;padding:7px}.step-kicker{margin-top:20px}.task h3{font-size:26px;margin:13px 0}.task-copy{font-size:15px;min-height:0}.task fieldset{margin-top:18px}.discovery-note{margin:20px 0;padding:12px}.task-actions{justify-content:space-between}.permission-note{margin-top:18px;padding-top:12px}.next-world{grid-template-columns:1fr;gap:23px;padding:52px 0 40px}.next-intro h2{font-size:30px}.destinations>a{padding:16px;gap:13px}.destinations strong{font-size:16px}.card-art{width:40px;height:40px;font-size:25px}.share-invite{display:block;padding:28px 0}.share-invite>div:last-child{margin-top:24px}.about{margin:22px 0}footer{flex-wrap:wrap;padding:24px 0;gap:8px}footer p{width:100%;order:3}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.viewport>img{transition:none}}
.play-modes{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.play-modes button{font-size:13px}.play-modes button[aria-pressed=true]{background:#a4f0df;color:#082a2c;border-color:#a4f0df}.play-modes>span{margin-left:auto;font-size:12px;color:#a5bdc8}.puzzle-head{display:grid;grid-template-columns:1fr 135px;gap:18px;align-items:center}.puzzle-head .eyebrow{font-size:9px;letter-spacing:1.2px}.puzzle-head h3{font-size:27px;margin:10px 0}.puzzle-head p:last-child{font-size:13px;color:#b5cdd4;margin:0}.puzzle-head button{padding:5px;border-radius:10px;background:#081923;min-width:0}.puzzle-head button img{display:block;width:100%;height:auto;border-radius:6px}.puzzle-head button span{display:block;font-size:10px;padding:6px 0 2px;color:#a5e9df}#target-status{font-size:11px;color:#91aebc;min-height:17px;margin:8px 0 16px}.puzzle-actions{display:flex;flex-wrap:wrap;gap:8px}.puzzle-actions button{font-size:12px;padding:10px 15px;min-height:44px}.puzzle-feedback{padding:12px 14px;border:1px solid #425e6b;background:#1a3440;border-radius:10px;font-size:13px;line-height:1.6;min-height:64px}.puzzle-feedback[data-solved=true]{background:#1e4942;border-color:#88d4c0;color:#e4fff4}#puzzle-panel{border-bottom:1px solid #3b5360;padding-bottom:10px}.play-grid:has(#puzzle-panel:not([hidden])) .task h3{font-size:20px}.play-grid:has(#puzzle-panel:not([hidden])) .task-copy{font-size:13px;min-height:0}.play-grid:has(#puzzle-panel:not([hidden])) .help{font-size:12px}.play-grid:has(#puzzle-panel:not([hidden])) .channels{display:flex;gap:7px}.play-grid:has(#puzzle-panel:not([hidden])) .channels label{flex:1}.play-grid:has(#puzzle-panel:not([hidden])) .channels label span{padding:10px 8px;font-size:11px;line-height:1.3;min-height:44px}.play-grid:has(#puzzle-panel:not([hidden])) .channels label i{flex:none}.play-grid:has(#puzzle-panel:not([hidden])) .viewer-column{align-self:start}.play-grid:has(#puzzle-panel:not([hidden])) .viewer-column .viewport{max-height:530px}
@media(min-width:701px){.play-grid:has(#puzzle-panel:not([hidden])) .viewer-column{position:sticky;top:20px}.play-grid:has(#puzzle-panel:not([hidden])){overflow:clip;align-items:start}}
@media(max-width:700px){.play-modes>span{margin-left:0;width:100%}.play-modes{gap:8px}.play-modes button{padding:10px 12px;font-size:12px}.puzzle-head{grid-template-columns:1fr 110px;gap:12px}.puzzle-head h3{font-size:24px}.puzzle-head .eyebrow{font-size:8px}.puzzle-head p:last-child{font-size:12px}.play-grid:has(#puzzle-panel:not([hidden])) .viewer-column .viewport{max-height:310px}}
/* Keep the puzzle image and its two controls visible together. */
.play-grid:has(#puzzle-panel:not([hidden])) .task>.step-kicker,.play-grid:has(#puzzle-panel:not([hidden])) .task>h3,.play-grid:has(#puzzle-panel:not([hidden])) .task>.task-copy,.play-grid:has(#puzzle-panel:not([hidden])) .task .help{display:none}
.play-grid:has(#puzzle-panel:not([hidden])) .task fieldset{margin-top:18px}
.play-grid:has(#puzzle-panel:not([hidden])) .task legend{font-size:13px;margin-bottom:5px}
.play-grid:has(#puzzle-panel:not([hidden])) .puzzle-head{grid-template-columns:1fr 110px}
.play-grid:has(#puzzle-panel:not([hidden])) .puzzle-head h3{font-size:26px}
.play-grid:has(#puzzle-panel:not([hidden])) .puzzle-feedback{min-height:0;margin:10px 0;font-size:12px;padding:10px}
.play-grid:has(#puzzle-panel:not([hidden])) #target-status{margin:5px 0 12px}
.play-grid:has(#puzzle-panel:not([hidden])) .permission-note{margin-top:16px;padding-top:10px}
.viewport>img,#target-image{filter:brightness(1.55)}
@media(min-width:701px){.play-grid:has(#puzzle-panel:not([hidden])) .viewer-column .viewport{max-height:430px;aspect-ratio:1.2}.play-grid:has(#puzzle-panel:not([hidden])) .controls-column{padding:20px 26px}}
@media(max-width:700px){.play-grid{overflow:clip}.play-grid:has(#puzzle-panel:not([hidden])) .viewer-column{position:sticky;top:0;z-index:3;background:#0c1c27;border-bottom:1px solid #54717d;padding:10px}.play-grid:has(#puzzle-panel:not([hidden])) .viewer-column .viewport{max-height:200px;aspect-ratio:1.7}.play-grid:has(#puzzle-panel:not([hidden])) .view-top{margin-bottom:7px}.play-grid:has(#puzzle-panel:not([hidden])) .view-bottom{margin-top:7px}.play-grid:has(#puzzle-panel:not([hidden])) .load-status{display:none}.play-grid:has(#puzzle-panel:not([hidden])) .puzzle-head{grid-template-columns:1fr 88px}.play-grid:has(#puzzle-panel:not([hidden])) .puzzle-head h3{font-size:22px}.play-grid:has(#puzzle-panel:not([hidden])) .puzzle-feedback{min-height:42px}.play-grid:has(#puzzle-panel:not([hidden])) .controls-column{padding:12px}.play-grid:has(#puzzle-panel:not([hidden])) .permission-note{margin-top:10px}.play-grid:has(#puzzle-panel:not([hidden])) .task fieldset{margin-top:13px}.play-grid:has(#puzzle-panel:not([hidden])) .channels label span{font-size:10px;padding:9px 6px}#play-title{scroll-margin-top:18px}}
#puzzle-response{margin-top:20px}.load-status[data-idle=false]{display:block!important}
@media(max-width:700px){.play-grid .viewer-column{position:sticky;top:0;z-index:3;background:#0c1c27;border-bottom:1px solid #54717d;padding:10px}.play-grid .viewer-column .viewport{max-height:200px;aspect-ratio:1.7}.play-grid .view-top{margin-bottom:7px}.play-grid .view-bottom{margin-top:7px}.play-grid .load-status[data-idle=true]{display:none}}
@media(min-width:701px){.play-grid:has(#puzzle-panel:not([hidden])) .viewer-column .viewport{max-height:clamp(260px,calc(100svh - 260px),430px)}}