@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#071c24;--ink:#eff3dc;--dim:#829b9b;--lime:#d5f77b;--line:#c2e0d322;--mono:'Courier New',monospace;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:var(--sans)}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:6px}[hidden]{display:none!important}.grain{position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.nav{height:100px;margin:0 4.3%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{font-family:'Space Grotesk',sans-serif;font-size:35px;font-weight:600;letter-spacing:-2px;display:flex;align-items:center;gap:4px}.brand>span{color:var(--lime);font-size:37px;font-weight:400;align-self:flex-start;margin-top:-5px}.brand small{font:9px var(--mono);letter-spacing:.16em;writing-mode:vertical-rl;margin-left:5px;color:#acc0b4}.nav nav{display:flex;align-items:center;gap:36px;margin-left:30px}.nav nav a,.nav nav button,.sound{font:10px var(--mono);letter-spacing:.08em;background:none;color:#9db0ac;padding:9px 0}.nav nav .current{color:var(--ink);position:relative}.current:after{content:'';width:4px;height:4px;background:var(--lime);border-radius:50%;display:block;position:absolute;bottom:-11px;left:50%}.nav nav span{margin-left:6px;color:#708e8d}.sound{display:flex;align-items:center;gap:12px}.sound i{width:24px;height:16px;background:repeating-linear-gradient(90deg,#9cb0a5 0 1px,transparent 1px 5px);clip-path:polygon(0 42%,20% 42%,20% 10%,40% 10%,40% 30%,60% 30%,60% 0,80% 0,80% 30%,100% 30%,100% 70%,80% 70%,80% 100%,60% 100%,60% 70%,40% 70%,40% 90%,20% 90%,20% 58%,0 58%)}.ocean{height:760px;min-height:700px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 73% 45%,#123d413b,transparent 50%)}.coordinate,.edition{position:absolute;top:32px;font:9px/1.8 var(--mono);letter-spacing:.07em;color:#729390;z-index:2}.coordinate{left:4.4%}.coordinate span{display:block;color:#456a6b;font-size:8px}.edition{right:11%;text-align:right}.hero-copy{position:relative;padding:125px 0 0 10.5%;z-index:3;width:59%;pointer-events:none}.hero-copy button{pointer-events:auto}.eyebrow{font:9px var(--mono);letter-spacing:.14em;color:#a4beb0;display:flex;align-items:center;gap:10px;margin:0 0 26px}.eyebrow>span{height:5px;width:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #d5f77b66}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(75px,7.3vw,112px);font-weight:500;line-height:1.02;letter-spacing:-7px;margin:0 0 27px}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--lime);letter-spacing:-5px}.lead{font-size:15px;line-height:1.8;color:#a4b9b4;margin:0}.launch{width:336px;margin-top:34px}.mode{display:flex;gap:25px;margin-bottom:17px}.mode button{background:none;color:#748c8a;font:10px var(--mono);padding:0 0 10px;border-bottom:1px solid transparent;letter-spacing:.08em}.mode button.selected{color:var(--lime);border-color:var(--lime)}.primary{width:100%;background:var(--lime);color:#132725;display:flex;justify-content:space-between;align-items:center;font:600 12px var(--sans);letter-spacing:.09em;padding:19px 23px;min-height:61px;transition:background .2s,translate .2s}.primary span{font-size:25px;line-height:1;font-weight:400}.primary:hover{background:#e7ffad;translate:0 -2px}.launch-note{font:8px var(--mono);letter-spacing:.06em;color:#6f8d88;margin-top:15px;white-space:nowrap}.launch-note i{font-style:normal;margin:0 9px;color:#c3dcba}.sea-art{position:absolute;inset:0;pointer-events:none}.halo{position:absolute;width:620px;height:620px;top:10px;left:51%;background:radial-gradient(ellipse,#0f62614a,transparent 68%);filter:blur(35px)}.jelly{width:570px;height:665px;position:absolute;left:53%;top:25px;rotate:-15deg;overflow:visible;filter:drop-shadow(0 0 17px #51d3b817);animation:float 12s ease-in-out infinite}.jelly-body{transform-origin:290px 280px;animation:breathe 7s ease-in-out infinite}.specimen{position:absolute;top:610px;left:68%;font:8px/1.9 var(--mono);letter-spacing:.04em;color:#527b78;border-top:1px solid #96d6b344;padding-top:12px;transform:rotate(0)}.specimen b{font-weight:400;color:#a2c4b4}.specimen-cross{position:absolute;top:240px;left:86%;color:#547871;font:22px var(--mono)}.depth-ruler{position:absolute;right:3%;top:90px;bottom:105px;width:50px;font:8px var(--mono);color:#51736f}.depth-ruler>span{writing-mode:vertical-rl;font-size:8px;letter-spacing:.15em;position:absolute;top:-45px;right:12px}.depth-ruler>div{height:100%;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #61837a33}.depth-ruler i{font-style:normal;position:relative;padding-right:15px;text-align:right}.depth-ruler i:after{content:'';position:absolute;right:0;top:5px;width:6px;height:1px;background:#61837a77}.depth-ruler i.active{color:var(--lime)}.depth-ruler i.active:after{background:var(--lime);width:11px}.depth-ruler>b{display:block;text-align:right;margin-top:18px;font-size:17px;color:#9cb5a2;font-weight:400}.ocean-bottom{position:absolute;bottom:0;left:4.3%;right:4.3%;height:65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:.09em;color:#6f928b}.ocean-bottom span:first-child{color:#a8c6b4}.ocean-bottom i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--lime);margin-right:9px}.ocean-bottom b{font-size:15px;margin-left:12px;color:#c1d6ba;font-weight:400}.manifesto{margin:0 10.5%;padding:88px 0 80px;display:grid;grid-template-columns:1fr 3fr;gap:30px}.section-label{font:9px var(--mono);color:#73918b;letter-spacing:.09em;padding-top:13px}.manifesto h2{font-family:'Space Grotesk',sans-serif;font-size:46px;line-height:1.15;letter-spacing:-2px;font-weight:400;margin:0 0 24px}.manifesto h2 em{letter-spacing:-2px}.manifesto>div>p{max-width:520px;color:#8ea7a0;font-size:14px;line-height:1.9}.rules{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:24px}.rules article{border-top:1px solid var(--line);padding-top:20px}.rules article>span{font:10px var(--mono);color:#8aab96}.rules h3{font-size:14px;font-weight:500;margin:23px 0 13px}.rules p{font-size:12px!important;line-height:1.8!important;color:#76948b!important}.field-note{margin:0 4.3%;padding:66px 5% 65px;background:#102d32;text-align:center;position:relative}.field-note>p{font:8px var(--mono);letter-spacing:.16em;color:#9bb39e}.field-note h2{font:italic 38px/1.3 Georgia,serif;letter-spacing:-1px;color:#d7e1c5;margin:25px 0}.field-note>span{font:8px var(--mono);color:#76978b;letter-spacing:.13em}.field-note button{display:block;background:none;border-bottom:1px solid #bdde8d88;color:var(--lime);font:9px var(--mono);margin:30px auto 0;padding:10px 0;letter-spacing:.1em}footer{margin:0 4.3%;padding:44px 0;display:flex;gap:40px;align-items:center}footer .brand{font-size:27px}footer .brand span{font-size:29px}footer>p{font:8px var(--mono);color:#829c8e;letter-spacing:.12em}footer small{font-size:10px;color:#4f736b;margin-left:auto}footer button{font:8px var(--mono);background:none;color:#a3b9a1}dialog{background:#102d32;color:var(--ink);border:1px solid #6b91835c;max-width:540px;width:calc(100% - 40px);padding:45px}dialog::backdrop{background:#00161cbb;backdrop-filter:blur(12px)}dialog h2{font:38px/1.15 'Space Grotesk',sans-serif;letter-spacing:-2px}dialog>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#a3b9ad}.close{position:absolute;top:15px;right:20px;background:none;font-size:27px;color:#afc5b7}dialog .primary{margin-top:28px}.log-item{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font:12px var(--mono);color:#a9c6ad}.log-item b{color:var(--lime);font-weight:400}.play-view,.result-view{position:relative;z-index:4;margin-left:10.5%;padding-top:100px;width:480px}.question-top{display:flex;gap:25px;align-items:center;font:8px var(--mono);letter-spacing:.08em;margin-bottom:65px;color:#8bab9d}.question-top>span:first-child{color:var(--lime);font-size:15px}.question-top button{background:none;font:8px var(--mono);margin-left:auto;color:#82a091}.play-view h2,.result-view h2{font:500 51px/1.13 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0 0 20px}.question-note{color:#8ba69b;font-size:13px}#answer-form{margin-top:40px}#answer-form label{font:8px var(--mono);letter-spacing:.13em;color:#aac3ac}#answer-form>div{display:flex;border-bottom:1px solid #bdd99b88;margin-top:12px}#answer{width:100%;background:none;border:0;padding:14px 0;color:var(--ink);font-size:20px;outline:none}#answer::placeholder{color:#5b8074}#answer-form button{background:var(--lime);color:#142c27;width:55px;flex-shrink:0;font-size:25px}.timer-row{display:flex;gap:15px;align-items:center;margin-top:24px;font:10px var(--mono);color:#8eae9d}.timer-track{height:2px;background:#8ba49d22;flex:1}.timer-track i{display:block;background:#c7e58c;height:100%;width:100%;transition:width 1s linear}.timer-row b{font-weight:400;color:var(--lime)}.demo-label{font:8px var(--mono);color:#4c7469;margin-top:30px}.result-view{padding-top:115px}.result-view .eyebrow{color:var(--lime)}.result-view h2{font-size:68px}.result-answer{font-size:16px;color:#b9d2b7}.depth-result{display:flex;align-items:center;gap:20px;margin:30px 0}.depth-result>span{font:70px 'Space Grotesk',sans-serif;letter-spacing:-4px;color:var(--lime)}.depth-result small{font:8px var(--mono);max-width:50px;line-height:1.7;letter-spacing:.1em;color:#84a88e}.result-view>p:not(.eyebrow){color:#9cb4a6;font-size:13px}.result-view .primary{max-width:340px;margin-top:30px}.return-link{background:none;color:#8ba994;font:8px var(--mono);letter-spacing:.08em;padding:18px 0}.in-game .jelly{opacity:.45;left:59%;scale:.9}.in-game .coordinate,.in-game .edition{opacity:.5}@keyframes float{0%,100%{translate:0 0;rotate:-15deg}50%{translate:-12px -18px;rotate:-12deg}}@keyframes breathe{50%{scale:1.025 .97}}
@media(min-width:1600px){.ocean{max-width:1800px;margin:auto}.hero-copy{padding-top:140px}.jelly{left:55%}}
@media(max-width:1000px){.nav nav{gap:20px;margin:0}.nav nav button{font-size:8px}.hero-copy{padding-left:7%;width:65%;padding-top:145px}h1{font-size:85px;letter-spacing:-5px}.jelly{left:50%;width:520px;opacity:.7}.specimen{left:69%;font-size:7px}.edition{right:12%}.manifesto{margin:0 7%;grid-template-columns:1fr 4fr}.manifesto h2{font-size:38px}footer{gap:20px}.play-view,.result-view{margin-left:7%;width:450px}}
@media(max-width:650px){.nav{height:78px;margin:0 6%}.brand{font-size:29px}.brand>span{font-size:31px}.brand small{font-size:7px}.nav nav{display:none}.sound{font-size:8px}.ocean{height:850px;min-height:0}.coordinate{top:22px;left:6%;font-size:7px}.coordinate span{font-size:6px}.edition{top:22px;right:6%;font-size:7px}.hero-copy{width:100%;padding:290px 8% 0}.eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:20px}h1{font-size:68px;letter-spacing:-4px;line-height:1.03;margin-bottom:20px}h1 em{letter-spacing:-3px}.lead{font-size:13px;line-height:1.8}.launch{width:min(100%,336px);margin-top:27px}.primary{min-height:57px;padding:17px 20px}.mode{margin-bottom:13px}.mode button{font-size:9px}.launch-note{font-size:6.5px;letter-spacing:.02em}.launch-note i{margin:0 7px}.jelly{left:38%;top:23px;width:290px;height:338px;opacity:.85;rotate:-22deg}.halo{left:18%;top:-20px;width:400px;height:400px}.specimen{top:220px;left:8%;font-size:6px;max-width:135px;line-height:1.7}.specimen-cross{display:none}.depth-ruler{right:3%;top:360px;bottom:110px;width:35px;font-size:6px}.depth-ruler>span{font-size:6px;right:8px}.depth-ruler i{padding-right:9px}.ocean-bottom{height:55px;left:6%;right:6%;font-size:6px}.ocean-bottom span:last-child{display:none}.ocean-bottom b{font-size:12px;margin-left:6px}.manifesto{padding:50px 0;margin:0 8%;display:block}.section-label{font-size:8px;margin-bottom:27px}.manifesto h2{font-size:32px;letter-spacing:-1px}.manifesto h2 em{letter-spacing:-1px}.manifesto>div>p{font-size:13px}.rules{grid-template-columns:1fr;gap:10px;margin-top:30px}.rules article{display:grid;grid-template-columns:35px 1fr;gap:0 10px;padding-top:18px}.rules article>span{grid-row:span 2;font-size:9px;margin-top:4px}.rules h3{margin:0 0 8px;font-size:14px}.rules p{grid-column:2;margin:0 0 18px;font-size:12px}.field-note{margin:0 6%;padding:39px 20px}.field-note h2{font-size:26px}.field-note>span{font-size:6px}.field-note>p{font-size:7px}footer{margin:0 8%;padding:35px 0;flex-wrap:wrap;gap:14px 20px}footer>p{font-size:7px}footer small{order:4;width:100%;margin:0;font-size:9px}footer button{font-size:7px}.play-view,.result-view{margin-left:8%;width:80%;padding-top:280px}.question-top{margin-bottom:28px;gap:12px;font-size:6px}.question-top>span:nth-child(2){max-width:120px;line-height:1.5}.play-view h2{font-size:36px}.question-note{font-size:12px}#answer-form{margin-top:28px}#answer{font-size:16px}.demo-label{font-size:6px}.in-game .jelly{left:40%;top:12px;scale:.8}.result-view{padding-top:300px}.result-view h2{font-size:49px}.depth-result{margin:16px 0}.depth-result>span{font-size:54px}.result-view .primary{margin-top:22px}.result-view>p:not(.eyebrow){font-size:12px}.in-game .specimen{top:195px}dialog{padding:35px 25px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Keep the reading and tap area clear on small screens. */
@media(max-width:650px){.depth-ruler{display:none}.ocean{height:870px}.hero-copy{padding-right:8%}}
/* Review revision: readable type and the playable question directly on arrival. */
.nav nav a,.nav nav button,.sound{font-size:12px}.brand small{font-size:11px}.coordinate,.edition{font-size:11px}.coordinate span{font-size:10px}.eyebrow{font-size:12px}.specimen{font-size:10px}.depth-ruler,.depth-ruler>span{font-size:10px}.ocean-bottom{font-size:11px}.section-label{font-size:12px}.rules article>span{font-size:12px}.field-note>p,.field-note>span,.field-note button{font-size:12px}footer>p,footer button{font-size:11px}footer small{font-size:12px}.demo-label{font-size:11px}.mode button{font-size:12px}.question-top{font-size:11px}.question-top button{font-size:11px}.timer-row{font-size:13px}#answer-form label{font-size:12px}.return-link{font-size:12px}
.ocean{height:860px}.hero-copy{padding-top:90px;width:55%}.hero-copy h1{font-size:66px;letter-spacing:-3px;line-height:1.03;margin-bottom:16px}.hero-copy h1 em{letter-spacing:-3px}.hero-copy .eyebrow{margin-bottom:17px}.hero-copy .lead{font-size:14px;line-height:1.7}.play-view{padding-top:0;margin-top:28px;width:460px}.play-view .mode{gap:30px;margin-bottom:21px}.question-top{margin-bottom:22px;gap:18px}.question-top>span:nth-child(2){display:none}.play-view>.eyebrow{display:none}.play-view h2{font-size:37px;letter-spacing:-1px;margin-bottom:12px}.question-note{font-size:14px;margin:0}.play-view #answer-form{margin-top:24px}#answer-form>div{border:1px solid #a6c99d70;background:#16383c80;padding-left:15px}#answer-form input{font-size:18px;padding:17px 0}#answer-form button{width:95px;font-size:14px;font-weight:600}.timer-row{margin-top:18px}.ready-note{color:#91b49e;font-size:12px;line-height:1.5;margin:14px 0 0}.demo-label{margin-top:10px;color:#76968b}.jelly{top:75px}.specimen{top:660px}.depth-ruler{bottom:110px}.result-view{padding-top:115px}
@media(max-width:1000px) and (min-width:651px){.hero-copy h1{font-size:58px}.play-view{width:410px}.jelly{left:53%;opacity:.55}.hero-copy{padding-top:100px}}
@media(max-width:650px){.nav{height:76px}.sound{font-size:11px}.brand small{font-size:10px}.coordinate{font-size:10px;top:20px}.coordinate span{font-size:9px}.edition{display:none}.ocean{height:auto;min-height:960px;padding-bottom:88px}.hero-copy{padding:100px 8% 0;width:100%}.hero-copy h1{font-size:51px;letter-spacing:-2px}.hero-copy h1 em{letter-spacing:-2px}.hero-copy .eyebrow{font-size:11px}.hero-copy .lead{font-size:14px}.jelly{width:220px;height:257px;left:62%;top:65px;opacity:.28}.specimen{display:none}.halo{left:35%;top:20px;width:300px;height:300px}.play-view{margin:30px 8% 0;width:84%;padding-top:0}.mode button{font-size:12px;padding-bottom:12px}.play-view .mode{gap:25px}.question-top{font-size:11px;margin-bottom:17px}.question-top>span:first-child{font-size:16px}.question-top button{font-size:11px}.play-view h2{font-size:34px}.question-note{font-size:14px;line-height:1.6}#answer-form label{font-size:12px}#answer-form input{font-size:16px}#answer-form button{width:85px;font-size:13px}.ready-note{font-size:12px;max-width:270px}.demo-label{font-size:10px;line-height:1.6}.ocean-bottom{font-size:10px;height:64px}.ocean-bottom span:nth-child(2){font-size:9px}.section-label{font-size:12px}.rules article>span{font-size:12px}.rules p{font-size:14px!important}.manifesto>div>p{font-size:15px}.field-note>p,.field-note>span,.field-note button{font-size:11px;line-height:1.8}footer>p,footer button{font-size:10px}footer small{font-size:11px}.result-view{padding:210px 0 30px;margin-left:8%;width:84%}.result-view>.eyebrow{font-size:12px}.result-view>p:not(.eyebrow){font-size:14px}.depth-result small{font-size:11px;max-width:75px}.return-link{font-size:12px}}
/* Concept 03: the game is the entire first screen. */
body{font-size:16px}.nav{height:86px;max-width:1440px;margin:auto;padding:0 40px}.nav nav a,.nav nav button,.sound{font:14px var(--sans)}.brand small{writing-mode:initial;font:12px var(--sans);margin-left:12px;letter-spacing:.1em}.brand{font-size:33px}.coordinate,.edition,.depth-ruler,.specimen,.specimen-cross,.ocean-bottom{display:none}.ocean{max-width:none!important;min-height:840px;height:auto!important;padding:34px 24px 65px;background:radial-gradient(ellipse at 50% 10%,#16444a88,transparent 72%)}.hero-copy{padding:0!important;margin:0 auto 27px;width:auto!important;text-align:center}.hero-copy .eyebrow{justify-content:center;font:14px var(--sans);letter-spacing:.08em;margin-bottom:10px}.hero-copy h1{font-size:40px!important;letter-spacing:-1px!important;line-height:1.15}.hero-copy h1 br{display:none}.hero-copy h1 em{letter-spacing:-1px;margin-left:10px}.hero-copy .lead{font-size:16px;line-height:1.5}.hero-copy .lead br{display:none}.sea-art{opacity:.23}.jelly{left:auto!important;right:-30px;top:80px!important;width:480px;opacity:.5!important}.halo{left:55%;top:50px}.game-hud{position:relative;z-index:3;max-width:860px;margin:0 auto;background:#0e3037;border:1px solid #6b978944;border-bottom:0;display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-radius:16px 16px 0 0}.game-hud>span{font-size:14px;color:#a5beb6}.game-hud strong{display:block;color:#e5f1d5;font:28px 'Space Grotesk',sans-serif;margin-top:7px}.game-hud>span:last-child{text-align:right}.progress-dots{color:var(--lime);font-size:21px;letter-spacing:5px}.play-view,.result-view{width:min(860px,100%)!important;margin:0 auto!important;position:relative;z-index:3;background:#102c33f5;border:1px solid #6b978944;border-radius:0 0 16px 16px;padding:28px 65px 32px!important;box-shadow:0 24px 90px #00151c50;text-align:center}.play-view .mode{justify-content:center;gap:10px;margin-bottom:26px}.mode button{font:600 15px var(--sans);padding:12px 25px;border:1px solid #809c8655;border-radius:6px;color:#acc1b7;background:#08252c}.mode button.selected{background:var(--lime);color:#112d2b;border-color:var(--lime)}.question-top{font:15px var(--sans);margin-bottom:18px}.question-top>span:first-child{font:600 17px var(--sans);color:#cce5b7}.question-top button{font:14px var(--sans)}.play-view h2{font-size:40px;line-height:1.2;margin:0 0 12px}.play-view h2 br{display:none}.question-note{font-size:17px;color:#abc2b7}.game-clock{margin:23px auto 20px;width:76px;height:76px;border:2px solid #c4ed8755;border-radius:50%;display:flex;flex-direction:column;justify-content:center;background:#1d3a36}.game-clock strong{font:32px 'Space Grotesk',sans-serif;color:var(--lime);line-height:1.1}.game-clock span{font:10px var(--sans);margin-top:3px;color:#bed0bd}.play-view #answer-form{margin-top:15px;text-align:left}#answer-form label{font:600 14px var(--sans);color:#bed4c3}#answer-form>div{padding-left:20px;border:1px solid #adc4ad88;border-radius:8px;overflow:hidden;background:#062129}#answer-form input{font-size:21px;padding:20px 0;color:#f0f5df}#answer-form input::placeholder{color:#9bb7ae}#answer-form button{width:140px;font-size:18px}.timer-row{font:16px var(--sans);margin-top:18px}.timer-track{height:4px;border-radius:4px;overflow:hidden}.ready-note{font-size:15px;max-width:none!important;color:#a6c2b4;margin-top:17px}.demo-label{font:14px var(--sans);color:#9bb4a7;margin-top:13px}.result-view .eyebrow{justify-content:center;font-size:15px}.result-view h2{font-size:50px}.result-view .depth-result{justify-content:center}.result-view .primary{margin:25px auto 0}.result-view>p:not(.eyebrow){font-size:17px}.return-link{font:14px var(--sans)}.in-game .ocean{padding-top:55px}.in-game .game-hud{margin-top:40px}.primary{font-size:16px}.section-label,.rules article>span,.field-note>p,.field-note>span,.field-note button,footer>p,footer button,footer small{font:14px var(--sans)}.manifesto>div>p,.rules p{font-size:16px!important}.rules h3{font-size:19px}.manifesto{padding-top:65px}.eyebrow{font-size:14px}.field-note{margin-top:10px}.depth-result small{font-size:14px;max-width:100px}.log-item{font:16px var(--sans)}dialog>p:not(.eyebrow){font-size:16px}
@media(min-width:1600px){.ocean{padding-top:45px}.hero-copy h1{font-size:48px!important}.play-view h2{font-size:44px}.play-view,.result-view{max-width:1000px}.game-hud{max-width:1000px}.nav{max-width:none;margin:0 5%}}
@media(max-width:650px){.nav{height:76px;padding:0 20px}.brand{font-size:27px}.brand small{display:none}.sound{font-size:14px}.ocean{padding:26px 16px 40px;min-height:0!important}.hero-copy{margin-bottom:24px}.hero-copy h1{font-size:30px!important}.hero-copy h1 br{display:block}.hero-copy h1 em{margin-left:0}.hero-copy .lead{font-size:16px;max-width:320px;margin:auto}.hero-copy .eyebrow{font-size:14px}.hero-copy .lead br{display:block}.game-hud{padding:15px 16px;border-radius:12px 12px 0 0}.game-hud>span{font-size:12px}.game-hud strong{font-size:23px}.progress-dots{font-size:13px;letter-spacing:1px}.play-view,.result-view{padding:22px 18px!important;border-radius:0 0 12px 12px}.mode button{font-size:14px;padding:11px 15px}.play-view .mode{margin-bottom:23px}.question-top{margin-bottom:20px}.question-top>span:first-child{font-size:16px}.question-top button{font-size:14px}.play-view h2{font-size:29px;letter-spacing:-.5px}.question-note{font-size:16px}.game-clock{height:68px;width:68px;margin:20px auto}.game-clock strong{font-size:29px}.game-clock span{font-size:10px}#answer-form label{font-size:14px}#answer-form>div{padding-left:12px}#answer-form input{font-size:17px;padding:18px 0;min-width:0}#answer-form button{width:88px;font-size:16px}.ready-note,.demo-label{font-size:14px;line-height:1.6}.timer-row{font-size:16px}.result-view h2{font-size:42px}.in-game .ocean{padding-top:30px}.in-game .game-hud{margin-top:10px}.jelly{right:-90px;width:350px}.manifesto{margin:0 7%;padding-top:44px}.manifesto h2{font-size:30px}.rules h3{font-size:19px}.section-label,.rules article>span,.field-note>p,.field-note>span,.field-note button,footer>p,footer button,footer small{font-size:14px}.field-note h2{font-size:27px}footer{gap:18px}.nav nav{display:none}}
.game-clock span{font-size:14px}.game-hud>span{font-size:14px}.brand small{font-size:14px}.question-top>span{font-size:16px}

#game-status{font-size:16px;color:#d5f77b;line-height:1.5;min-height:24px}#begin-round{max-width:360px;margin:20px auto}#answer-form button:disabled{opacity:.5;cursor:default}.review-round{text-align:left;border-top:1px solid #86a58e55;padding:20px 0}.review-round summary{font-size:17px;cursor:pointer}.review-round ul{font-size:16px;line-height:1.8;padding-left:22px}.review-round li{display:flex;justify-content:space-between;gap:15px}#review{margin-top:28px}.guide-panel{display:none}.result-view{max-height:none}.result-view h2{margin-top:20px}.log-item span{max-width:75%}#ranking-list{padding-left:24px;font-size:16px;line-height:2}button:disabled{cursor:default;opacity:.5}#answer-form input:disabled{opacity:.6}.game-hud{transition:background .6s}body[data-deep="true"] .ocean{background:radial-gradient(ellipse at 50% 10%,#14313f, #030e1e)}.question-top>span:nth-child(2){display:none}#answer{min-width:0}
/* Live-game controls fit within the first screen without shrinking text. */
.ocean{padding-top:24px;min-height:0}.hero-copy{margin-bottom:20px}.hero-copy .lead{line-height:1.5}.hero-copy .eyebrow{margin-bottom:8px}.game-hud{padding:14px 30px}.game-hud strong{font-size:25px;margin-top:3px}.play-view,.result-view{padding:22px 48px 25px!important}.play-view .mode{margin-bottom:18px}.mode button{padding:10px 22px}.question-top{margin-bottom:14px}.play-view h2{font-size:34px;margin-bottom:9px}.game-clock{margin:16px auto;width:66px;height:66px}.game-clock strong{font-size:28px}.game-clock span{font-size:14px}#game-status{min-height:0;margin:12px 0}#game-status:empty{display:none}#begin-round{padding:13px 20px;min-height:48px;margin:15px auto}#answer-form{margin-top:18px!important}#answer-form input{padding:15px 0}#answer-form #pass-question{display:block;background:none;color:#a9c5b4;width:auto;font-size:14px;font-weight:400;padding:12px 0;text-align:left;min-height:40px}#answer-form>div>button{font-size:17px}.timer-row{margin-top:8px}.ready-note{margin-top:10px}.demo-label{margin-top:8px}.result-view{overflow-wrap:anywhere}
@media(max-width:650px){.ocean{padding:20px 12px 32px}.hero-copy .eyebrow{display:none}.hero-copy h1{font-size:27px!important}.hero-copy h1 br{display:none}.hero-copy .lead{font-size:16px;max-width:330px}.hero-copy .lead br{display:none}.hero-copy{margin-bottom:18px}.game-hud{padding:12px}.game-hud>span{font-size:14px}.game-hud strong{font-size:21px}.play-view,.result-view{padding:18px 16px 22px!important}.mode button{padding:10px 12px}.play-view .mode{gap:8px;margin-bottom:16px}.play-view h2{font-size:28px;line-height:1.15}.question-note{font-size:16px}.game-clock{height:62px;width:62px;margin:12px auto}.game-clock span{font-size:14px}#begin-round{margin:12px auto;font-size:15px}#answer-form input{font-size:17px}#answer-form>div>button{font-size:16px}.ready-note{font-size:14px}.demo-label{font-size:14px}.result-view h2{font-size:36px}}
@media(max-width:650px){.nav{height:auto;min-height:105px;flex-wrap:wrap;align-content:center;padding-top:12px;padding-bottom:10px;gap:14px}.nav nav{display:flex;order:3;width:100%;gap:15px;justify-content:space-between;overflow-x:auto}.nav nav a,.nav nav button{font-size:14px;white-space:nowrap;padding:4px 0}.nav nav .current{display:none}.nav nav span{display:none}.nav nav button[data-log]{font-size:0}.nav nav button[data-log]:before{content:'LOGBOOK';font-size:14px}.current:after{display:none}}