:root{color-scheme:dark;font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif;font-synthesis:none;--abyss: #061a2b;--reef: #0b7189;--glass: #72d6c9;--coral: #ff8e72;--sand: #e8d6a8;--ink: #03111c;--mist: rgb(228 248 239 / 78%);--panel: rgb(6 26 43 / 66%);--hairline: rgb(114 214 201 / 30%)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:var(--abyss);color:var(--mist)}button,kbd,output{font:inherit}button{color:inherit}#app{position:relative;isolation:isolate}#scene{display:block;width:100%;height:100%;outline:none;touch-action:none}#scene:focus-visible{box-shadow:inset 0 0 0 2px var(--sand),inset 0 0 0 5px var(--coral)}.water-film{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 72% 13%,rgb(232 214 168 / 10%),transparent 24%),linear-gradient(180deg,transparent 42%,rgb(6 26 43 / 12%));transition:background .5s ease,opacity .5s ease}.is-underwater .water-film{background:repeating-linear-gradient(104deg,transparent 0 46px,rgb(114 214 201 / 4%) 48px 51px,transparent 53px 92px),linear-gradient(180deg,#0b71894d,#061a2b47)}.identity,.target-card,.migration-log,.telemetry,.horizon-prompt,.controls,.touch-controls,.toast{position:absolute;z-index:3;transition:opacity .18s ease,transform .22s ease}.identity{top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;filter:drop-shadow(0 8px 18px rgb(0 16 30 / 24%))}.specimen-tag{position:relative;display:grid;width:48px;min-height:68px;padding:9px 7px 8px;border:1px solid rgb(232 214 168 / 65%);background:var(--sand);color:var(--abyss);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;clip-path:polygon(0 0,100% 0,100% 84%,78% 100%,0 100%)}.specimen-tag:before{position:absolute;top:7px;right:7px;width:6px;height:6px;border:1px solid currentColor;border-radius:50%;content:""}.specimen-tag span{align-self:start;font-size:8px;font-weight:900;letter-spacing:.15em}.specimen-tag strong{align-self:end;font-size:24px;font-weight:900;letter-spacing:-.08em;line-height:.9}.eyebrow,.identity__note,.target-card__code,.migration-log,.telemetry,.horizon-prompt,.controls,.rhythm-panel__eyebrow,.rhythm-panel p,.toast{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.eyebrow{margin:0;color:var(--sand);font-size:8px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.identity h1{margin:10px 0 8px;color:#e8f5ea;font-family:Arial Narrow,Avenir Next Condensed,Impact,sans-serif;font-size:clamp(35px,5.2vw,62px);font-stretch:condensed;font-weight:820;letter-spacing:-.065em;line-height:.84;text-shadow:0 3px 24px rgb(6 26 43 / 34%)}.identity__note{margin:0;color:var(--glass);font-size:9px;letter-spacing:.05em}.target-card{top:max(22px,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:54px auto;grid-template-rows:auto auto;width:min(310px,38vw);padding:12px 14px 13px;border-top:2px solid var(--coral);border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);border-left:1px solid var(--hairline);background:linear-gradient(125deg,#061a2bd1,#0b71897d);box-shadow:0 17px 55px #02111c38;transform:translate(-50%);-webkit-backdrop-filter:blur(11px) saturate(.84);backdrop-filter:blur(11px) saturate(.84)}.target-card__code{grid-column:1 / -1;margin:0 0 9px;color:var(--glass);font-size:8px;font-weight:800;letter-spacing:.15em}.target-card__bearing{display:grid;width:40px;height:40px;border:1px solid rgb(232 214 168 / 54%);border-radius:50%;place-items:center}.target-card__bearing:before,.target-card__bearing:after{position:absolute;width:6px;height:1px;background:#e8d6a87a;content:""}.target-card__bearing:before{transform:translate(-20px)}.target-card__bearing:after{transform:translate(20px)}#bearing-needle{color:var(--coral);font-family:ui-monospace,monospace;font-size:23px;line-height:1;transform:rotate(0);transition:transform .1s linear}.target-card__copy{display:grid;align-content:center;min-width:0}.target-card__copy strong{overflow:hidden;color:#eff9ef;font-size:15px;font-weight:720;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.target-card__copy output{margin-top:3px;color:var(--sand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-variant-numeric:tabular-nums}.migration-log{top:50%;left:max(25px,env(safe-area-inset-left));display:grid;grid-template-columns:16px 1fr;gap:0 11px;width:145px;color:#e4f8efb8;font-size:8px;letter-spacing:.09em;transform:translateY(-26%)}.migration-log__rail{grid-row:1 / 4;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:112px;margin-top:3px}.migration-log__rail:before{position:absolute;top:4px;bottom:4px;left:50%;width:1px;background:#72d6c952;content:""}.migration-log__rail i{z-index:1;display:block;width:6px;height:6px;border:1px solid var(--glass);border-radius:50%;background:var(--abyss)}.migration-log__rail .is-past{background:var(--glass)}.migration-log__rail .is-current{width:10px;height:10px;border-color:var(--coral);box-shadow:0 0 0 4px #ff8e7224}.migration-log p{display:grid;grid-template-columns:1fr;gap:3px;margin:0;padding:0 0 9px;border-bottom:1px solid rgb(114 214 201 / 14%)}.migration-log p+p{padding-top:9px}.migration-log output,.migration-log strong{color:var(--sand);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700}.telemetry{top:max(26px,env(safe-area-inset-top));right:max(25px,env(safe-area-inset-right));display:grid;grid-template-columns:63px 63px;gap:13px 9px;padding:13px 14px;border:1px solid var(--hairline);background:var(--panel);box-shadow:0 18px 48px #01101c38;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.telemetry>div:not(.current-meter){display:grid;grid-template-columns:1fr auto;align-items:baseline}.telemetry span{grid-column:1 / -1;color:var(--glass);font-size:7px;font-weight:800;letter-spacing:.15em}.telemetry output{color:#eff9ef;font-size:25px;font-variant-numeric:tabular-nums;font-weight:780;letter-spacing:-.08em;line-height:1}.telemetry small{color:var(--sand);font-size:8px}.current-meter{grid-column:1 / -1}.current-meter div{height:5px;margin-top:7px;overflow:hidden;background:#72d6c926}.current-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--reef),var(--glass),var(--coral));transform:scaleX(var(--current, 1));transform-origin:left;transition:transform 80ms linear}.horizon-prompt{bottom:max(24px,env(safe-area-inset-bottom));left:50%;display:flex;gap:7px;align-items:center;padding:8px 10px 8px 12px;border:1px solid rgb(232 214 168 / 28%);background:#061a2bad;color:var(--sand);font-size:8px;letter-spacing:.04em;transform:translate(-50%);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.horizon-prompt.is-dismissed{opacity:0;transform:translate(-50%,8px)}kbd{min-width:25px;padding:4px 6px;border:1px solid rgb(114 214 201 / 33%);border-bottom-width:2px;border-radius:2px;background:#72d6c917;color:#eff9ef;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:800;text-align:center}.controls{right:max(25px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,auto);gap:6px 13px;font-size:8px}.controls p{display:flex;gap:7px;align-items:center;margin:0;color:#e4f8efad}.controls kbd{min-width:42px}.rhythm-panel{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:50%;z-index:5;display:grid;justify-items:center;width:min(390px,calc(100vw - 32px));padding:18px 21px 16px;border:1px solid rgb(232 214 168 / 45%);border-top:3px solid var(--coral);background:linear-gradient(140deg,#061a2bf2,#0b7189e0),var(--abyss);box-shadow:0 24px 80px #000b167a;opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:opacity .22s ease,transform .26s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.rhythm-panel.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.rhythm-panel:before,.rhythm-panel:after{position:absolute;top:-7px;width:22px;height:11px;border-top:1px solid var(--sand);content:""}.rhythm-panel:before{left:-8px;transform:rotate(-45deg)}.rhythm-panel:after{right:-8px;transform:rotate(45deg)}.rhythm-panel__eyebrow{margin:0 0 7px;color:var(--glass);font-size:7px;font-weight:800;letter-spacing:.14em}.rhythm-panel h2{margin:0 0 12px;color:#eff9ef;font-family:Arial Narrow,Avenir Next Condensed,Impact,sans-serif;font-size:25px;font-stretch:condensed;font-weight:780;letter-spacing:-.035em}.rhythm-panel__instrument{position:relative;display:grid;width:70px;height:70px;margin-bottom:12px;border:1px solid rgb(114 214 201 / 34%);border-radius:50%;place-items:center}.rhythm-panel__instrument:before{position:absolute;inset:12px;border:1px dashed rgb(232 214 168 / 42%);border-radius:50%;content:""}#rhythm-pulse{position:absolute;inset:10px;border:2px solid var(--coral);border-radius:50%;opacity:.75;transform:scale(2.1);will-change:transform,opacity}#rhythm-key{z-index:1;color:var(--sand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px}.rhythm-sequence{display:flex;gap:7px;justify-content:center}.rhythm-sequence span{display:grid;width:38px;height:29px;border:1px solid rgb(114 214 201 / 28%);color:#e4f8ef94;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;place-items:center;transition:color .12s ease,background .12s ease,border-color .12s ease}.rhythm-sequence .is-current{border-color:var(--coral);background:#ff8e721f;color:var(--coral)}.rhythm-sequence .is-hit{border-color:var(--glass);background:#72d6c929;color:var(--glass)}.rhythm-sequence .is-missed{border-color:var(--coral);color:var(--coral);text-decoration:line-through}.rhythm-panel p:last-child{margin:11px 0 0;color:var(--sand);font-size:8px;line-height:1.5;text-align:center}.rhythm-panel.is-success{border-top-color:var(--glass)}.rhythm-panel.is-success #rhythm-pulse{border-color:var(--glass);box-shadow:0 0 30px #72d6c95c}.toast{top:50%;left:50%;max-width:min(520px,calc(100vw - 44px));margin:0;padding:8px 12px;border-left:3px solid var(--coral);background:#061a2bc9;color:var(--sand);font-size:9px;letter-spacing:.05em;opacity:0;pointer-events:none;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast.is-visible{opacity:1;transform:translate(-50%,calc(-50% - 10px))}.touch-controls{right:max(15px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));left:max(15px,env(safe-area-inset-left));display:none;align-items:end;justify-content:space-between}.touch-controls__steer,.touch-controls__actions{display:flex;gap:9px}.touch-controls button{display:grid;min-width:57px;height:52px;padding:0 12px;border:1px solid rgb(232 214 168 / 40%);border-radius:50%;background:#061a2ba6;box-shadow:0 8px 26px #02111c33;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:800;place-items:center;touch-action:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.touch-controls__actions button{border-radius:4px 18px 18px 4px;color:var(--sand);font-size:8px}.touch-controls button.is-active{border-color:var(--coral);background:#ff8e7245;transform:translateY(2px)}.loading{position:absolute;inset:0;z-index:12;display:grid;align-content:center;justify-items:center;background:var(--abyss);color:var(--sand);transition:opacity .48s ease,visibility .48s ease}.loading.is-complete{visibility:hidden;opacity:0}.loading__tag{display:flex;gap:7px;align-items:center;height:31px}.loading__tag span{width:7px;height:7px;border:1px solid var(--glass);border-radius:50%;animation:sounding 1.2s ease-in-out infinite}.loading__tag span:nth-child(2){animation-delay:.12s}.loading__tag span:nth-child(3){animation-delay:.24s}.loading p{margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.12em}.ui-hidden [data-ui]{opacity:0;pointer-events:none}.ui-hidden .identity,.ui-hidden .migration-log{transform:translate(-10px)}.ui-hidden .target-card{transform:translate(-50%,-9px)}.ui-hidden .telemetry,.ui-hidden .controls{transform:translate(10px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes sounding{0%,to{transform:translateY(0) scale(.78);opacity:.45}50%{transform:translateY(-7px) scale(1.16);opacity:1}}@media(max-width:920px){.identity h1{font-size:38px}.migration-log{display:none}.target-card{top:auto;bottom:92px;width:min(300px,48vw)}.horizon-prompt{display:none}}@media(max-width:680px),(pointer:coarse){.identity{top:max(13px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));grid-template-columns:35px 1fr;gap:9px}.specimen-tag{width:35px;min-height:48px;padding:6px 5px}.specimen-tag strong{font-size:18px}.eyebrow,.identity__note{display:none}.identity h1{margin:4px 0 0;font-size:29px}.telemetry{top:max(13px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));grid-template-columns:49px 49px;gap:9px 7px;padding:9px 10px}.telemetry output{font-size:20px}.target-card{bottom:max(81px,calc(env(safe-area-inset-bottom) + 72px));width:min(284px,calc(100vw - 28px));padding:9px 11px 10px}.target-card__bearing{width:35px;height:35px}.controls{display:none}.touch-controls{display:flex}.rhythm-panel{bottom:max(77px,calc(env(safe-area-inset-bottom) + 62px));padding:14px 15px 13px}.rhythm-panel h2{font-size:22px}.rhythm-panel__instrument{width:62px;height:62px;margin-bottom:9px}.rhythm-sequence span{width:34px;height:27px}}@media(max-width:430px){.telemetry .current-meter{display:none}.touch-controls button{min-width:49px;height:48px;padding:0 9px}.touch-controls__actions{gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}