@font-face{font-family:DM;src:url(assets/body.woff2)}@font-face{font-family:Instrument;src:url(assets/display.ttf)}:root{--ink:#04151f;--white:#eaf8f6;--cyan:#7ee9de;--red:#ff7b76;--green:#71e5aa;--muted:#a2bcc3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font:16px DM,Arial,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:hover,a:hover{color:var(--cyan)}.skip{position:absolute;top:-100px;padding:12px;background:#000;z-index:20}.skip:focus{top:0}.environment{position:absolute;inset:0 0 auto;height:1040px;background:linear-gradient(180deg,#03151f33 0%,#03151f08 45%,#04151f 98%),url(assets/habitat.webp) center top/cover no-repeat;z-index:-3}.ocean-light{position:absolute;inset:0;height:850px;background:radial-gradient(ellipse at 62% 30%,#56dbc629,transparent 58%);z-index:-2;animation:waterLight 12s ease-in-out infinite}.particles{position:absolute;top:110px;left:28%;width:67%;height:460px;overflow:hidden;pointer-events:none;z-index:-1;mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}.particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#a7faf1;box-shadow:0 0 8px #7ee9de;animation:drift 13s linear infinite;opacity:.35}header{height:112px;max-width:1600px;margin:auto;padding:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b5f1ec26;gap:30px}.brand{display:flex;align-items:center;gap:12px;color:var(--white);font-size:30px;font-weight:600;letter-spacing:7px}.brand svg{width:48px;height:48px;color:var(--cyan)}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:400;margin-top:3px;color:#a8c8cc}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav button{font-size:14px}.active{color:var(--cyan)}.controls{display:flex;gap:14px;align-items:center}.controls button{font-size:24px;width:32px}.demo{font-size:12px;border:1px solid #7eb3b755;border-radius:20px;padding:5px 12px;color:#b1d7d8}.arena{max-width:1600px;margin:auto;min-height:850px;position:relative;padding:45px 5% 0}.intro{position:relative;z-index:2;width:42%;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--cyan);display:flex;gap:12px;align-items:center}.eyebrow span{width:25px;height:1px;background:var(--cyan)}h1{font-size:clamp(36px,3.7vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:25px 0 16px}h1 em{font-style:normal;color:var(--cyan)}.intro p{font-size:15px;line-height:1.7;color:#aec6cc}.explorer{position:absolute;left:7%;top:227px;width:440px;height:590px;pointer-events:none}.explorer img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom}.explorer .fixed{clip-path:inset(49% 0 0)}.explorer .breathing{clip-path:inset(0 0 51%);transform-origin:50% 49%;animation:breathing 6s ease-in-out infinite}.depth-mark{position:absolute;top:400px;left:5%;font-size:11px;letter-spacing:2px;color:#9dbfc4}.depth-mark b{font:30px Instrument,sans-serif;display:block;color:#d9eeef;letter-spacing:1px;margin:9px 0}.depth-mark small{font-size:12px}.depth-mark i{display:block;height:70px;width:1px;background:linear-gradient(var(--cyan),transparent);margin:15px 0}.wheel-panel{position:absolute;right:4%;top:57px;width:57%;max-width:810px}.instrument-header{display:flex;justify-content:space-between;padding:0 13%;color:#b8d8dc;font-size:12px;letter-spacing:2px}.instrument-header span:first-child{display:flex;align-items:center;gap:8px}.instrument-header i{height:5px;width:5px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);border-radius:50%}.wheel-space{position:relative;width:100%;aspect-ratio:1.32}.wheel-space canvas{width:100%;height:100%;position:relative;z-index:2;filter:drop-shadow(0 30px 20px #001019cc)}.wheel-halo{position:absolute;width:73%;height:48%;left:13.5%;top:22%;background:radial-gradient(ellipse,#49eaca1a,transparent 70%);border-radius:50%;box-shadow:0 0 90px #42e6d718}.wheel-pointer{position:absolute;top:16%;left:50%;width:18px;height:32px;transform:translateX(-50%);background:linear-gradient(90deg,#809d9f,#e7fffa,#769a9a);clip-path:polygon(0 0,100% 0,50% 100%);z-index:4}.wheel-core{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%) scaleY(.65);z-index:3;font:32px Instrument;color:var(--cyan)}#wheelFallback{position:absolute;inset:7%;z-index:2}#wheelFallback svg{width:100%;height:100%}.wheel-status{text-align:center;font-size:13px;letter-spacing:2px;color:#bddcdd;margin-top:-12px}.wheel-legend{display:flex;justify-content:center;gap:35px;font-size:14px;margin:22px 0}.wheel-legend span{display:flex;align-items:center;gap:8px}.wheel-legend small{font-size:12px;color:#a6bfc5}.wheel-legend i{height:7px;width:7px;border-radius:50%;background:currentColor}.red{color:var(--red)}.green{color:var(--green)}.terminal{position:relative;z-index:4;margin:345px 0 0 30%;border:1px solid #8ce6dd55;border-radius:16px;background:linear-gradient(120deg,#102e39dc,#061d2be8);backdrop-filter:blur(18px);box-shadow:0 20px 65px #00121c80;overflow:hidden}.terminal-top,.terminal-bottom{display:flex;justify-content:space-between;color:#9cbcc3;padding:15px 24px;font-size:11px;letter-spacing:1.5px}.terminal-top{border-bottom:1px solid #b2e8e31c}.terminal-top span:first-child{color:var(--cyan)}.terminal-grid{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:24px;padding:23px 24px 15px}.label{display:block;font-size:14px;color:#a9c8cb;font-weight:400}.terminal strong{font:46px Instrument,sans-serif;line-height:1.25;font-weight:600;letter-spacing:1px}.terminal strong small{font:12px DM;color:#9ac2c3}.timer strong{color:var(--cyan)}.track{height:2px;background:#386269;margin-top:4px}.track i{display:block;background:var(--cyan);height:100%;width:100%;box-shadow:0 0 12px #7ee9de66}.identity b{display:block;font:27px Instrument;margin:6px 0}.round{font-size:12px;color:#91b2b9}.result{grid-column:1/-1;display:flex;gap:14px;align-items:center;border-top:1px solid #8fcbce26;padding-top:17px}.result>i{height:10px;width:10px;border:1px solid var(--cyan);border-radius:50%;flex:none}.result .label{font-size:11px;letter-spacing:1.5px;color:var(--cyan)}.result b{display:block;font-size:14px;font-weight:400;margin-top:6px}.terminal-bottom{font-size:11px;letter-spacing:.4px;padding-top:0}.results{width:90%;max-width:1440px;margin:60px auto 0;padding-top:30px;border-top:1px solid #7cb6c32b}.results-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.results-heading h2{font-size:28px;font-weight:400;letter-spacing:-.8px;margin:8px 0}.results-heading button{font-size:14px;color:#cbe0e3}.results-heading button span{margin-left:14px;color:var(--cyan)}.empty-result{border:1px solid #96d2d226;border-radius:12px;display:flex;gap:20px;align-items:center;padding:25px;background:#08232e88}.empty-result b{font-size:16px;font-weight:400}.empty-result p{font-size:14px;margin:6px 0 0;color:var(--muted)}.empty-result>span:last-child{margin-left:auto;font-size:11px;letter-spacing:2px;color:#789ca7}.sonar{width:28px;height:28px;border:1px solid #70c9c755;border-radius:50%;box-shadow:inset 0 0 0 7px #70c9c711}.has-results{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.result-chip{text-align:left;border:1px solid #96d2d22b;border-radius:10px;padding:18px;background:#08232e}.result-chip b{font:25px Instrument;display:block}.result-chip span{font-size:12px;color:var(--muted)}footer{width:90%;max-width:1440px;margin:40px auto 0;padding:25px 0 30px;display:flex;justify-content:space-between;gap:20px;color:#7e9fa8;font-size:12px;border-top:1px solid #7cb6c326}footer p{margin:0}footer b{color:var(--cyan);margin:0 6px}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid #76dadb66;border-radius:16px;background:#09232f;color:var(--white);padding:36px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#001018bc;backdrop-filter:blur(8px)}dialog h2{font-size:30px;font-weight:400}dialog li{margin:22px 0}dialog p{font-size:16px;line-height:1.6;color:#abc5cc}dialog .note{font-size:13px}.dialog-close{position:absolute;right:18px;top:12px;font-size:28px}.close-cta{border:1px solid #7ee9de77;border-radius:8px;width:100%;padding:15px;color:var(--cyan);font-size:14px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:12px 5px;border-bottom:1px solid #7bbcbc33}th{color:var(--cyan);font-weight:400}.motion-paused *{animation-play-state:paused!important}@keyframes breathing{50%{transform:scaleY(1.009)}}@keyframes waterLight{50%{opacity:.3;transform:translateX(-20px)}}@keyframes drift{to{translate:30px -500px}}@media(max-width:1100px){header{gap:16px}nav{gap:18px}.brand{font-size:25px}.brand small{font-size:9px}.intro{width:45%}.explorer{left:1%;width:380px}.terminal{margin-left:24%;margin-top:340px}.wheel-panel{right:1%;width:61%}.depth-mark{display:none}.terminal-grid{gap:14px;padding:20px}.terminal-top,.terminal-bottom{padding-left:20px;padding-right:20px}.terminal strong{font-size:40px}}
@media(max-width:760px){header{height:auto;min-height:125px;flex-wrap:wrap;padding:20px 5%;gap:16px}.brand{font-size:25px}.brand svg{width:40px;height:40px}nav{order:3;width:100%;justify-content:center;font-size:14px;gap:30px}nav button{font-size:14px}.controls{gap:8px}.demo{display:none}.arena{padding-top:30px;min-height:0}.intro{width:100%}h1{font-size:43px;margin-top:18px}.intro p{font-size:14px}.explorer{width:280px;height:400px;top:155px;left:auto;right:-40px;opacity:.9}.wheel-panel{position:relative;top:auto;right:auto;width:100%;margin-top:160px;z-index:2}.instrument-header{padding:0 4%;font-size:11px}.wheel-status{font-size:11px;margin-top:-5px}.wheel-legend{gap:24px}.wheel-space{aspect-ratio:1.18}.wheel-pointer{top:19%}.terminal{margin:25px 0 0;border-radius:14px}.terminal-grid{grid-template-columns:1fr 1fr;gap:20px}.identity{grid-column:1/-1;display:flex;align-items:center;gap:16px}.identity b{margin:0}.identity .round{margin-left:auto}.terminal-top{font-size:10px;letter-spacing:.7px}.terminal-bottom{font-size:10px;gap:15px}.terminal-bottom span:last-child{display:none}.terminal strong{font-size:42px}.results{margin-top:40px}.results-heading h2{font-size:26px}.results-heading .eyebrow{font-size:10px}.results-heading button{font-size:12px}.empty-result{padding:20px}.empty-result>span:last-child{display:none}.has-results{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column;gap:10px}footer>span:last-child{display:none}.environment{height:1250px;background-size:auto 900px}.particles{width:85%;left:10%;height:330px}.ocean-light{height:650px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(min-width:761px){.wheel-panel{width:49%;max-width:690px;top:35px}}@media(max-width:760px){.explorer{right:0;width:250px}.arena{overflow:hidden}}

/* ABYSS pressure chamber: wheel left, independent instrument console right. */
.arena{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);column-gap:6%;row-gap:0;align-items:start;min-height:760px;padding-top:55px;padding-bottom:30px}.intro{grid-column:2;grid-row:1;width:100%;padding-top:8px}.intro h1{font-size:clamp(36px,3.3vw,52px);margin:22px 0 14px}.intro p{font-size:14px;margin:0;line-height:1.7}.intro .eyebrow{font-size:11px;letter-spacing:1.4px}.wheel-panel{position:relative;grid-column:1;grid-row:1 / span 2;left:auto;right:auto;top:auto;width:100%;max-width:none;margin:0;align-self:center}.wheel-space{aspect-ratio:1;max-width:700px;margin:auto}.wheel-space canvas{filter:drop-shadow(0 30px 25px #001019cc)}.wheel-halo{width:74%;height:74%;top:13%;left:13%;background:radial-gradient(circle,#5ce6d017,transparent 64%);box-shadow:0 0 85px #4ddcc518}.wheel-pointer{top:12%;height:28px;width:14px;background:var(--cyan);filter:drop-shadow(0 0 8px #8fffe1)}.wheel-core{top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;font:30px DM;letter-spacing:6px;color:#b2ddd7;text-shadow:0 0 20px #71dac8aa;pointer-events:none}.wheel-core small{display:block;font:9px DM;letter-spacing:2px;margin:10px 0 18px;color:#82b3b2}.wheel-core i{font:20px Instrument;letter-spacing:3px;font-style:normal;color:#83c4bd}.wheel-status{margin-top:-8px;font-size:12px}.wheel-legend{margin-top:20px}.instrument-header{padding:0 9%;font-size:11px}.terminal{grid-column:2;grid-row:2;position:relative;width:100%;margin:30px 0 0;align-self:start;border-radius:18px}.terminal-grid{grid-template-columns:1fr 1fr;padding:25px 24px;gap:24px}.pool{grid-column:1/-1;padding-bottom:20px;border-bottom:1px solid #8fcbce26}.pool strong{font-size:57px}.timer strong{font-size:42px}.identity b{font-size:30px}.terminal-top{font-size:10px;letter-spacing:1px}.terminal-bottom{display:block;font-size:11px;padding-bottom:20px}.terminal-bottom span:last-child{display:none}.results{margin-top:25px}.environment{background:linear-gradient(180deg,#03151f22,#03151f22 45%,#04151f 98%),url(assets/habitat.webp) center top/cover no-repeat}.result{min-height:68px}.explorer,.depth-mark{display:none}
@media(max-width:1100px) and (min-width:761px){.arena{grid-template-columns:minmax(0,1fr) 350px;column-gap:3%}.wheel-core{font-size:24px;letter-spacing:4px}.wheel-core small{font-size:8px;letter-spacing:1px}.intro h1{font-size:38px}.terminal-grid{padding:20px;gap:18px}.wheel-status{font-size:10px;letter-spacing:1px}.wheel-legend{gap:20px}.wheel-legend small{font-size:10px}}
@media(max-width:760px){.arena{display:flex;flex-direction:column;gap:0;padding-top:30px;overflow:hidden}.intro{order:0;padding:0}.intro h1{font-size:38px}.intro p{display:none}.wheel-panel{order:1;width:100%;margin:30px 0 0}.wheel-space{aspect-ratio:1}.wheel-core{font-size:22px;letter-spacing:4px}.wheel-core small{font-size:8px;letter-spacing:1px;margin:8px 0 10px}.wheel-core i{font-size:15px}.wheel-pointer{top:12%;height:20px;width:12px}.wheel-status{font-size:10px;letter-spacing:1px}.terminal{order:2;margin-top:25px;width:100%}.terminal-grid{padding:22px;gap:22px}.identity{grid-column:auto;display:block}.identity b{margin:6px 0}.pool strong{font-size:50px}.timer strong{font-size:40px}.terminal-bottom{padding-left:22px}.environment{height:1250px;background-size:auto 950px}}

/* Low-profile machined wheel, viewed obliquely with restrained reflections. */
.wheel-core{display:none}.wheel-space{aspect-ratio:1.12}.wheel-halo{box-shadow:none;opacity:.3}.wheel-pointer{top:16%;width:12px;height:25px;background:linear-gradient(90deg,#788d8d,#e1e9df,#697f7e);filter:drop-shadow(0 2px 3px #001017)}.wheel-panel{align-self:center}.wheel-space:after{content:'';position:absolute;z-index:0;width:74%;height:14%;left:13%;bottom:10%;border-radius:50%;background:#0010179c;filter:blur(24px)}
@media(max-width:760px){.wheel-space{aspect-ratio:1.08}.wheel-pointer{top:16%;height:18px}}

/* Ocean-tinted light on the wheel, with a restrained reflected halo. */
.wheel-halo{opacity:.65;background:radial-gradient(ellipse,#70d9d329,transparent 70%);box-shadow:0 0 65px #59c6c419}.wheel-space canvas{filter:drop-shadow(0 22px 20px #00101999)}

/* Flat sonar interface shares the terminal's palette and restrained linework. */
.wheel-space{aspect-ratio:1}.wheel-space canvas{filter:none}.wheel-space:after,.wheel-halo{display:none}.wheel-pointer{top:6.8%;height:20px;width:14px;background:#c8f1e7;filter:none}.wheel-core{display:none}.wheel-legend .red{color:#e6a094}.wheel-legend .green{color:#85cbbb}.wheel-panel{background:transparent}.instrument-header{color:#abd0d0}.wheel-status{color:#bbd7d7}.terminal{background:linear-gradient(120deg,#102e39de,#061d2bdf)}
@media(max-width:760px){.wheel-space{aspect-ratio:1}.wheel-pointer{top:6.8%;height:14px;width:10px}}

/* on-chain additions */
.chip{text-decoration:none;cursor:pointer;white-space:nowrap}.chip b{color:var(--cyan);font-weight:500}.controls .chip{display:inline-block}.find{display:flex;gap:6px;margin:6px 0}.find input{flex:1;min-width:0;background:#06202bcc;border:1px solid #7eb3b755;border-radius:10px;color:var(--white);padding:8px 10px;font:13px DM,sans-serif}.find button{border:1px solid var(--cyan);background:transparent;color:var(--cyan);border-radius:10px;padding:8px 12px;font:12px DM,sans-serif;letter-spacing:1px;cursor:pointer}.identity .round{display:block;margin:2px 0}#share{color:var(--cyan)}footer a{color:var(--cyan);text-decoration:none}body.offline .terminal-top span:first-child{color:var(--red)}[hidden]{display:none!important}@media(max-width:760px){.identity .round{margin-left:0}}

.pool-contract{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #8fcbce26;text-decoration:none}.pool-contract .label{font-size:10px;letter-spacing:1.5px;color:#9cbcc3}.pool-contract b{display:block;font:14px Instrument,sans-serif;letter-spacing:1px;color:var(--cyan);margin-top:4px}.pool-contract:hover b{color:#d9fff9}