@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{color-scheme:dark;--ink:#f3f4ec;--muted:#a5b4b6;--deep:#102b3a;--deep-2:#173b4b;--deep-3:#205466;--line:rgba(228,240,229,.16);--coral:#ff846f;--lime:#d6ef8b;--sand:#f2d28c;--paper:#f0eee4;--dark-ink:#152d35;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',var(--sans)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#102b3a;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}.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}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;padding:0 30px;margin:auto;border-bottom:1px solid rgba(231,241,231,.12)}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;font:700 14px var(--display);letter-spacing:.12em}.brand-mark{width:27px;height:27px;display:grid;place-items:center;background:var(--coral);color:#183342;font:700 16px var(--display);border-radius:50%}.primary-nav{display:flex;align-items:center;gap:29px;color:#ced6d0;font-size:13px}.primary-nav a,.site-footer nav a{transition:color .2s}.primary-nav a:hover,.site-footer nav a:hover{color:var(--lime)}.language-link{padding-left:23px;border-left:1px solid var(--line)}main{max-width:1180px;margin:auto;padding:0 30px}.play-area{padding:42px 0 48px}.play-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.eyebrow{margin:0 0 10px;color:var(--lime);font:500 10px var(--mono);letter-spacing:.12em}.live-dot{display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(255,132,111,.12)}h1,h2,h3,p{margin-top:0}.play-heading h1{font:600 32px/1.1 var(--display);letter-spacing:0;margin:0}.play-heading h1 em{color:var(--coral);font-style:normal}.heading-copy{margin:8px 0 0;color:#c1cfca;font-size:14px}.day-stamp{text-align:right;font:10px var(--mono);color:#aebfbb;letter-spacing:.08em}.day-stamp strong{display:block;color:var(--ink);font-weight:500;margin-top:5px}.game-shell{position:relative;overflow:hidden;background:#172f3b;border:1px solid rgba(221,239,221,.16);box-shadow:0 22px 65px rgba(4,15,22,.16)}.game-toolbar{height:58px;display:flex;align-items:center;gap:20px;padding:0 22px;border-bottom:1px solid var(--line);background:#122b38}.mode-switch{display:flex;align-items:center;gap:3px;padding:3px;background:#0d222e;border:1px solid rgba(238,245,228,.13)}.mode-button{border:0;background:transparent;color:#a6b9b6;font-size:12px;padding:6px 14px;cursor:pointer}.mode-button.is-selected{background:var(--lime);color:#152d35;font-weight:700}.theme-control{display:flex;gap:10px;align-items:center;color:#849b9a;font:10px var(--mono);letter-spacing:.1em}.theme-control select{color:#e3e9df;background:transparent;border:0;outline:0;font:12px var(--sans);cursor:pointer}.theme-control option{color:#152d35}.text-link{font-size:12px;color:#c4d0c9}.text-link:hover{color:var(--lime)}.archive-shortcut{margin-left:auto}.game-layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);min-height:366px}.prompt-side{padding:28px clamp(24px,4vw,54px) 24px;display:flex;flex-direction:column;align-items:flex-start}.round-line{width:100%;display:flex;align-items:center;justify-content:space-between;color:#a6b9b6;font:10px var(--mono);letter-spacing:.1em}.timer-wrap{display:flex;align-items:center;gap:6px;color:var(--sand);font:500 16px var(--display);letter-spacing:0}.timer-icon{font-size:19px}.timer-unit{font:10px var(--mono);color:#93a8a6}.timer-wrap.is-low{color:var(--coral);animation:pulse .85s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.65}}.prompt-block{margin:27px 0 25px;max-width:510px}.prompt-kicker{margin:0 0 8px;color:#80c7bf;font:10px var(--mono);letter-spacing:.13em}.prompt-block h2{color:var(--ink);font:600 clamp(24px,3vw,36px)/1.16 var(--display);letter-spacing:0;margin:0;max-width:570px}.prompt-hint{margin:12px 0 0;color:#aec0bc;font-size:13px}.answer-form{display:flex;width:100%;max-width:590px;gap:8px}.answer-form input{min-width:0;flex:1;height:48px;padding:0 15px;background:#0e2631;border:1px solid rgba(222,239,223,.22);outline:none;color:var(--ink);font-size:15px}.answer-form input::placeholder{color:#819795}.answer-form input:focus{border-color:#86cfc4;box-shadow:0 0 0 2px rgba(134,207,196,.12)}.answer-form input:disabled{opacity:.58}.submit-button,.share-button{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;background:var(--coral);color:#1a3039;border:0;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s}.submit-button:hover,.share-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.submit-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.action-row{min-height:38px;display:flex;align-items:center;gap:15px;margin-top:11px}.start-button,.next-button{border:0;background:transparent;color:var(--lime);font-size:12px;font-weight:700;padding:6px 0;cursor:pointer}.start-button span,.next-button span{padding-left:5px}.start-button:hover,.next-button:hover{color:#fff}.skip-button{border:0;background:transparent;color:#9db0ad;font-size:12px;padding:6px 0;cursor:pointer}.skip-button:disabled{opacity:.35;cursor:default}.feedback{min-height:20px;margin:3px 0 0;color:#91a8a5;font-size:12px}.feedback.is-good{color:var(--lime)}.feedback.is-bad{color:var(--coral)}.depth-side{isolation:isolate;position:relative;overflow:hidden;min-height:366px;padding:23px 26px;color:#eff3e9;background:#194b5b}.ocean-photo,.photo-shade{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.photo-shade{z-index:-1;background:linear-gradient(90deg,rgba(9,34,44,.65),rgba(13,39,49,.16) 70%),linear-gradient(0deg,rgba(9,28,38,.78),rgba(12,37,46,.08) 76%)}.depth-header{display:flex;justify-content:space-between;color:#f3f1dc;font:10px var(--mono);letter-spacing:.13em}.depth-coordinate{color:#d3ded1;letter-spacing:.03em}.depth-reading{position:absolute;left:28px;top:67px;display:flex;align-items:baseline;gap:5px;text-shadow:0 2px 18px rgba(8,20,25,.24)}.depth-reading strong{font:600 52px/1 var(--display);letter-spacing:0}.depth-reading span{font:14px var(--mono);color:var(--lime)}.depth-zone{position:absolute;left:30px;top:126px;color:var(--lime);font:10px var(--mono);letter-spacing:.11em}.depth-track{position:absolute;top:62px;right:43px;bottom:72px;width:3px;background:rgba(239,243,233,.42)}.depth-fill{position:absolute;left:0;top:0;width:100%;height:0;background:var(--coral);transition:height .7s cubic-bezier(.2,.8,.2,1)}.depth-marker{position:absolute;left:50%;top:0;width:11px;height:11px;border:2px solid var(--lime);background:#173b4b;transform:translate(-50%,-50%);border-radius:50%;transition:top .7s cubic-bezier(.2,.8,.2,1)}.track-label{position:absolute;left:14px;color:#f3f4ec;font:9px var(--mono);white-space:nowrap;text-shadow:0 1px 5px #102b3a}.track-top{top:0}.track-mid{top:40%}.track-bottom{top:83%}.zone-note{position:absolute;bottom:40px;left:28px;right:70px;display:flex;gap:8px;align-items:center;color:#e6e8dc;font-size:12px}.zone-swatch{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--coral)}.photo-credit{position:absolute;right:12px;bottom:9px;color:rgba(239,243,233,.68);font-size:9px}.photo-credit:hover{color:white}.game-bottom{min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-top:1px solid var(--line);background:#122b38}.round-progress{display:flex;gap:8px}.progress-step{width:25px;height:4px;background:#39535a;transition:background .3s}.progress-step.is-current{background:var(--coral)}.progress-step.is-done{background:var(--lime)}.score-line{display:flex;align-items:center;gap:12px;color:#9bb0ad;font:10px var(--mono);letter-spacing:.11em}.score-line strong{min-width:50px;text-align:right;color:var(--lime);font:600 17px var(--display)}.personal-stats{display:flex;align-items:center;gap:42px;padding:18px 5px 0}.personal-stats>div{display:flex;flex-direction:column;gap:2px}.stat-label{color:#8da3a2;font:9px var(--mono);letter-spacing:.09em}.personal-stats strong{color:#f3f1e6;font:600 17px var(--display)}.personal-stats small{color:#a7b7b2;font:11px var(--sans);font-weight:400}.personal-stats>p{margin:0 0 0 auto;color:#8da3a2;font-size:11px}.results-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 27px;background:#1d424e;border-top:1px solid var(--line)}.results-panel[hidden]{display:none}.results-panel h2{color:var(--ink);font:600 21px var(--display);margin:0 0 5px}.results-panel p:not(.eyebrow){margin:0;color:#c3d2cc;font-size:13px}.results-panel .eyebrow{margin-bottom:4px}.result-actions{display:flex;gap:9px;align-items:center}.share-button{height:40px;font-size:12px}.restart-button{height:40px;padding:0 13px;border:1px solid rgba(238,245,228,.25);background:transparent;font-size:12px;cursor:pointer}.restart-button:hover{border-color:var(--lime)}.discover-section{padding:55px 0 58px;border-top:1px solid rgba(231,241,231,.16);display:grid;grid-template-columns:.9fr 1.1fr;column-gap:9%;row-gap:24px}.section-heading h2{margin:0;font:600 26px/1.15 var(--display)}.section-heading .eyebrow{margin-bottom:12px}.discover-copy{max-width:580px;margin:2px 0;color:#c0ceca;font-size:14px}.guide-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-links>a{min-height:91px;display:flex;align-items:center;gap:15px;padding:16px 15px 16px 0}.guide-links>a+a{border-left:1px solid var(--line);padding-left:20px}.guide-number{align-self:flex-start;margin-top:4px;color:var(--coral);font:11px var(--mono)}.guide-links strong,.guide-links small{display:block}.guide-links strong{font-size:13px}.guide-links small{margin-top:4px;color:#9fb1ad;font-size:11px}.guide-arrow{margin-left:auto;color:var(--lime);font-size:17px}.site-footer{min-height:76px;display:flex;align-items:center;gap:19px;max-width:1240px;margin:auto;padding:15px 30px;border-top:1px solid rgba(231,241,231,.12);color:#9eafab;font-size:11px}.footer-brand{color:#eff2e8;font-size:11px}.site-footer nav{display:flex;gap:19px;margin-left:auto}.site-footer nav a{font-size:11px}

/* Editorial pages */
.content-main{max-width:920px;padding-top:58px;padding-bottom:70px}.breadcrumbs{display:flex;gap:9px;margin-bottom:28px;color:#9fb1ad;font-size:12px}.breadcrumbs a:hover{color:var(--lime)}.article-header{max-width:780px;margin-bottom:38px}.article-header .eyebrow{margin-bottom:12px}.article-header h1{margin:0 0 13px;font:600 clamp(34px,5vw,54px)/1.08 var(--display)}.article-header>p:last-child{max-width:700px;margin:0;color:#bdcbc5;font-size:17px}.article-body{max-width:760px;color:#d5ddd4}.article-body h2{margin:38px 0 11px;color:#f3f4ec;font:600 24px var(--display)}.article-body h3{margin:25px 0 8px;font:600 17px var(--display)}.article-body p,.article-body li{color:#c3d0ca;font-size:15px;line-height:1.8}.article-body a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.article-body ul,.article-body ol{padding-left:21px}.article-body li{padding-left:4px;margin:5px 0}.article-callout{margin:24px 0;padding:17px 19px;border-left:3px solid var(--coral);background:#173744;color:#dbe2d8}.faq-item{padding:18px 0;border-bottom:1px solid var(--line)}.faq-item h2{margin:0 0 8px;font-size:19px}.faq-item p{margin:0}.seo-cta{margin:40px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.seo-cta p{margin:0;color:#d8e1d7}.seo-cta a{padding:11px 15px;background:var(--lime);color:#172f38;font-size:12px;font-weight:700}.archive-list{margin-top:28px;border-top:1px solid var(--line)}.archive-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.archive-row span{color:#acbdb7;font:11px var(--mono)}.archive-row a{font-size:14px;font-weight:600}.pack-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pack-item{padding:20px 20px 22px 0}.pack-item+.pack-item{border-left:1px solid var(--line);padding-left:20px}.pack-item .pack-icon{font-size:21px;color:var(--coral)}.pack-item h2{margin:9px 0 5px;font:600 18px var(--display)}.pack-item p{margin:0;font-size:13px}
@media(max-width:760px){.site-header{height:61px;padding:0 17px}.primary-nav{gap:15px}.primary-nav a{font-size:11px}.primary-nav a:nth-child(2){display:none}.language-link{padding-left:14px}main{padding:0 17px}.play-area{padding:30px 0 39px}.play-heading h1{font-size:28px}.heading-copy{max-width:275px;font-size:12px}.day-stamp{font-size:9px}.game-toolbar{padding:0 13px;gap:11px}.theme-control{gap:6px}.theme-control select{max-width:95px;font-size:11px}.archive-shortcut{font-size:11px}.game-layout{grid-template-columns:1fr}.prompt-side{padding:23px 18px 20px;min-height:296px}.prompt-block{margin:21px 0 19px}.prompt-block h2{font-size:27px}.depth-side{min-height:235px;padding:17px 18px}.depth-reading{left:19px;top:61px}.depth-zone{left:21px;top:119px}.depth-track{top:51px;right:46px;bottom:48px}.zone-note{left:19px;bottom:20px}.depth-coordinate{font-size:8px}.photo-credit{bottom:7px}.game-bottom{min-height:50px;padding:0 17px}.personal-stats{gap:20px;flex-wrap:wrap}.personal-stats>p{flex-basis:100%;margin:0}.discover-section{padding:39px 0;grid-template-columns:1fr;row-gap:14px}.section-heading h2{font-size:24px}.discover-copy{font-size:13px}.guide-links{grid-template-columns:1fr}.guide-links>a{min-height:69px}.guide-links>a+a{border-left:0;border-top:1px solid var(--line);padding-left:0}.site-footer{padding:18px 17px;flex-wrap:wrap;gap:7px 12px}.site-footer nav{width:100%;margin:4px 0 0;gap:18px}.content-main{padding-top:36px;padding-bottom:50px}.article-header h1{font-size:37px}.article-header>p:last-child{font-size:15px}.article-body h2{font-size:21px}.pack-list{grid-template-columns:1fr}.pack-item+.pack-item{border-left:0;border-top:1px solid var(--line);padding-left:0}.results-panel{align-items:flex-start;flex-direction:column;padding:18px}.result-actions{width:100%}.result-actions>*{flex:1}.score-line{gap:7px}.round-progress{gap:5px}.progress-step{width:21px}}
@media(max-width:390px){.primary-nav{gap:10px}.primary-nav a:nth-child(3){display:none}.play-heading{align-items:flex-start}.day-stamp{margin-top:22px}.mode-button{padding:6px 10px}.game-toolbar{gap:7px}.theme-control{font-size:8px}.theme-control select{max-width:84px}.archive-shortcut{font-size:10px}.answer-form{gap:6px}.submit-button{padding:0 12px}.prompt-block h2{font-size:24px}.personal-stats{gap:14px}.stat-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

body{background:#e8ece2;color:#182f37}
.site-header{border-color:rgba(18,47,55,.18)}
.brand{color:#18313a}
.primary-nav{color:#425c5c}
.primary-nav a:hover{color:#c85548}
.language-link{border-color:rgba(18,47,55,.2)}
.play-heading .eyebrow,.article-header .eyebrow{color:#286c70}
.play-heading h1{color:#18313a}
.heading-copy{color:#50676a}
.day-stamp{color:#647677}
.day-stamp strong{color:#22383d}
.personal-stats{border-top:1px solid rgba(18,47,55,.16);margin-top:15px;padding-top:16px}
.stat-label,.personal-stats>p{color:#657777}
.personal-stats strong{color:#20383e}
.discover-section{border-color:rgba(18,47,55,.2)}
.discover-copy{color:#51676a}
.guide-links{border-color:rgba(18,47,55,.2)}
.guide-links>a+a{border-color:rgba(18,47,55,.2)}
.guide-links strong{color:#20383e}
.guide-links small{color:#627779}
.site-footer{max-width:none;padding-left:max(30px,calc((100vw - 1180px)/2));padding-right:max(30px,calc((100vw - 1180px)/2));background:#102b3a}
.content-main .breadcrumbs{color:#647779}
.article-header>p:last-child{color:#51676a}
.article-body{color:#20383e}
.article-body h2,.article-body h3{color:#20383e}
.article-body p,.article-body li{color:#51676a}
.article-body a{color:#286c70}
.article-callout{background:#dfe7dc;color:#263e43}
.faq-item{border-color:rgba(18,47,55,.18)}
.faq-item p{color:#51676a}
.seo-cta{border-color:rgba(18,47,55,.2)}
.seo-cta p{color:#324b50}
.archive-list,.archive-row{border-color:rgba(18,47,55,.18)}
.archive-row span{color:#647779}
.pack-item+.pack-item{border-color:rgba(18,47,55,.18)}
.pack-item h2{color:#20383e}
@media(max-width:760px){.depth-track .track-label{left:auto;right:13px;text-align:right}}