@charset "UTF-8";
@font-face{font-family:Pixelify;src:url('/fonts/pixelify-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Pixelify;src:url('/fonts/pixelify-sans-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-mono-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('/fonts/ibm-plex-mono-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#142c37;--panel:#15262ceF;--ink:#f0e8d6;--muted:#b0c1c0;--line:#506165;--cream:#e9d4a9;--blue:#2b566e;--accent:var(--cream);font-family:Plex,monospace;color:var(--ink);background:var(--bg);font-size:14px;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.6}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #f9e2a7;outline-offset:4px}button:active:not(:disabled),a.primary:active{transform:translateY(2px)}[hidden]{display:none!important}.icon{display:inline-block;width:18px;height:18px;vertical-align:middle;flex-shrink:0}.skip-link{position:absolute;left:12px;top:-80px;background:var(--cream);color:#192b31;padding:12px;z-index:10}.skip-link:focus{top:12px}.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{position:absolute;z-index:3;top:16px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.wordmark{display:flex;align-items:center;gap:8px;font-family:Pixelify,monospace;font-size:17px;text-decoration:none;background:#142b37ad;border:1px solid #e9dfc24d;padding:7px 10px;box-shadow:0 2px #192c36a0}.wordmark .icon{width:20px;height:20px;color:var(--cream)}.site-header nav{display:flex;gap:7px}.site-header nav a{display:flex;align-items:center;gap:7px;text-decoration:none;font-family:Pixelify,monospace;font-size:15px;min-height:36px;padding:7px 11px;background:#152b36b8;border:1px solid #e9dfc24d;box-shadow:0 2px #152831b3}.site-header nav a[aria-current=page]{color:#202b31;background:var(--cream);border-color:#f2e1bd;box-shadow:0 3px #7b7059}.site-header nav a:hover{border-color:var(--cream)}
.game-stage{min-height:100svh;position:relative;isolation:isolate;padding:68px 20px 25px;background:#4f7c82;overflow:hidden}.game-stage:before{content:"";z-index:-2;position:absolute;inset:0;background:url('/sea-sky.svg') center center / cover no-repeat;image-rendering:pixelated}.game-stage:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0b283015 0 1px,transparent 1px 4px);opacity:.25}body[data-mode=rare] .game-stage:before{background-image:url('/deep-sea.svg')}.intro{text-align:center;margin:auto auto 18px}.game-logo{font:700 62px/1 Pixelify,monospace;letter-spacing:1px;color:#f1e2be;-webkit-text-stroke:1px #283b41;paint-order:stroke fill;text-shadow:2px 0 #283b41,-2px 0 #283b41,0 2px #283b41,0 -2px #283b41,3px 4px #283b41,4px 6px #465359}.intro h1{font:400 22px/1.25 Pixelify,monospace;color:#172f3b;margin-top:9px;text-shadow:0 1px #d2c7a2}.intro-copy{font-size:11px;line-height:1.5;color:#18333d;margin-top:5px}body[data-mode=rare] .intro h1,body[data-mode=rare] .intro-copy{color:#e7e5d3;text-shadow:0 1px #163847}
.game-shell{max-width:560px;margin:auto;--accent:var(--cream);scroll-margin-top:16px}.game-shell[data-mode=rare]{--accent:#a7d8dd}.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;margin-bottom:8px;color:#f1ead8;text-shadow:1px 1px #244650}.session-tag{display:flex;align-items:center;gap:7px;letter-spacing:1px}.session-tag .icon{width:16px;height:16px}.quiet-link{font-size:11px;text-decoration:none;color:var(--muted);display:inline-flex;align-items:center;gap:6px;line-height:1.6}.quiet-link:hover{text-decoration:underline;color:var(--cream)}.game-top .quiet-link{color:#f1ead8}.game-top .icon{width:15px;height:15px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.mode-switch button{display:flex;align-items:center;gap:12px;min-height:58px;text-align:left;padding:9px 15px;border:2px solid #18333d;box-shadow:inset 0 -4px #ae9368,0 3px #162a33;background:var(--cream);color:#293238;position:relative}.mode-switch button[data-mode=rare]{color:#ecede2;background:var(--blue);box-shadow:inset 0 -4px #193b4e,0 3px #162a33}.mode-switch button[aria-pressed=true]{outline:2px solid #f0e9d5;outline-offset:1px}.mode-switch button:hover{filter:brightness(1.09)}.mode-switch strong{display:block;font:700 23px/1 Pixelify,monospace;letter-spacing:.5px}.mode-switch small{display:block;font-size:9px;line-height:1.5;margin-top:4px;opacity:.85}.mode-icon{width:27px;height:27px}.mode-check{visibility:hidden;margin-left:auto}.mode-check .icon{width:13px;height:13px}.mode-switch [aria-pressed=true] .mode-check{visibility:visible}
.question-board{background:#172329eb;border:1px solid #d8d1b96b;box-shadow:0 3px #102c36a0;padding:16px 23px 18px;text-align:center}.round-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.5;color:#c0c9c4;text-transform:uppercase;letter-spacing:.7px}.round-meta strong{color:#f0e8d4;font-size:13px;font-weight:600}.muted{color:#95aaa9}.progress-dots{display:flex;justify-content:center;gap:5px;margin:9px auto 13px;max-width:180px}.progress-dots i{width:28px;height:5px;background:#536167}.progress-dots .current{background:var(--cream)}.progress-dots .done{background:#91b7aa}.category{font:400 12px/1.2 Pixelify,monospace;text-transform:uppercase;letter-spacing:1.4px;color:#b5b8a6}.question-block h2{font:400 29px/1.15 Pixelify,monospace;letter-spacing:.1px;color:#f4edda;margin:7px auto 9px;text-wrap:balance}.question-scope{font-size:11px;line-height:1.6;color:#b4c1bf;max-width:475px;margin:auto}.answer-panel{padding:17px 21px 14px;background:#132930f0;border:1px solid #a4b3ac8c;box-shadow:0 3px #102c36a0;margin-top:13px}.goal{font-size:11px;line-height:1.6;color:var(--accent);display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:13px}.goal .icon{width:16px;height:16px}#answer-form label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;color:#bdc9c5}.answer-row{display:flex;gap:9px}.answer-row input{flex:1;min-width:0;width:100%;min-height:46px;border:1px solid #c6c2ac;background:#eae4ce;color:#213239;border-radius:0;padding:11px 12px;font-size:16px;box-shadow:inset 0 2px #b7b8a3;caret-color:#213239}.answer-row input::placeholder{font-size:12px;color:#6a7a76}.primary{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--cream);color:#203039;border:1px solid #f0e4c8;box-shadow:inset 0 -3px #b5a078,0 2px #0b202a;padding:11px 16px;min-height:46px;font:700 17px/1.2 Pixelify,monospace;text-transform:uppercase;letter-spacing:.6px;text-decoration:none;white-space:nowrap}.primary:hover{background:#f4e2b9}.primary .icon{width:17px;height:17px}.game-helpers{display:flex;justify-content:space-between;gap:12px;margin-top:7px}.text-button{display:inline-flex;align-items:center;gap:6px;min-height:33px;font-size:10px;line-height:1.5;padding:5px 0;background:none;color:#c4cfca}.text-button .icon{width:14px;height:14px}.text-button:hover{color:var(--cream)}.score-caption{font-size:9px;text-align:center;color:#a3b7b4;line-height:1.5;margin-top:7px}.score-caption a{text-decoration-style:dotted}.under-game{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 15px;font-size:9px;line-height:1.7;text-shadow:1px 1px #24414b;color:#e5e7d7;max-width:560px;margin:15px auto 0}.independent-stage{text-align:center;font-size:9px;line-height:1.6;margin:4px auto 12px;color:#d2dccc;text-shadow:1px 1px #24414b}.scene-link{width:max-content;max-width:100%;display:flex;align-items:center;justify-content:center;gap:9px;margin:auto;padding:10px 14px;min-height:38px;background:#19323ccc;border:1px solid #bac7bc7a;text-decoration:none;font-family:Pixelify,monospace;font-size:15px}.scene-link .icon{width:15px;height:15px}.scene-link:hover{background:#18303e}
.answer-message{font-size:12px;line-height:1.7;border-left:3px solid #dfc18a;background:#314340;padding:10px 12px;margin-top:12px;color:#f3e7c8}.answer-message:empty{display:none}.answer-message strong{color:#f6e9c8}.answer-message .small{color:#d3d9c8}.answer-message .quiet-link{margin-top:6px;color:var(--cream);text-decoration:underline}.suggestion-button{background:var(--cream);color:#223640;padding:8px 11px;font-size:12px;min-height:38px;margin:7px 0}.suggestion-button .icon{width:14px;height:14px}.hint-note{background:#25444f;border-left:3px solid #a0c7c7;padding:10px 12px;font-size:12px;line-height:1.7;margin-top:9px}.hint-note span{display:block;color:#abc1bf;font-size:10px;margin-top:3px}.save-warning,.notice{font-size:12px;line-height:1.8;padding:14px;background:#443d2a;border:1px solid #b39963;color:#f0dbb6;margin-top:18px}.loading-note{font-size:12px;color:var(--muted)}.date-line{font-size:10px;line-height:1.5;color:#bdd1cf;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}.date-line .text-button{min-height:24px;font-size:9px}
.feedback-heading{display:flex;align-items:center;gap:11px;padding:0 0 12px}.result-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--accent);color:#20343e;flex-shrink:0}.result-mark .icon{width:23px;height:23px}.result-mark.skipped{background:#738b95;color:#e5e9df}.eyebrow{font-family:Pixelify,monospace;font-size:12px;letter-spacing:1.1px;color:var(--cream);line-height:1.5}.feedback-heading .eyebrow{font-size:10px}.feedback-heading h2{font:400 28px/1.15 Pixelify,monospace;overflow-wrap:anywhere;margin-top:3px}.points{margin-left:auto;white-space:nowrap;font:700 28px/1 Pixelify,monospace;color:var(--accent)}.points small{font:400 9px/1.2 Plex,monospace;display:block;text-align:right;margin-top:5px;color:#b6c4bd}.result-explanation{font-size:11px;line-height:1.8;border-bottom:1px solid #627574;padding-bottom:12px;color:#bfcdc6}.result-explanation strong{color:var(--accent)}.assisted-badge{font-size:9px;background:#345964;padding:2px 5px;margin-left:3px;color:#d4e8df}.question-explanation{font-size:11px;line-height:1.7;color:#b2c5c1;margin-top:12px}.reference-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:14px 0 9px}.reference-head h3{font-size:11px;font-weight:600;color:#d4e1d6}.reference-head>span{font-size:9px;color:#9ab5b4}.answer-chips{display:flex;flex-wrap:wrap;gap:6px}.answer-chips>span{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.4;padding:6px 8px;border:1px solid #617774;background:#1e3b44}.answer-chips b{color:var(--accent)}.all-answers{font-size:11px;margin-top:9px}.all-answers summary{cursor:pointer;min-height:35px;padding:9px 0;color:#c0d0ca}.all-answers ul{list-style:none;padding:0;max-height:280px;overflow:auto;border-top:1px solid var(--line)}.all-answers li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 4px;border-bottom:1px solid var(--line)}.all-answers li small{display:block;font-size:9px;color:#9bb8b5;margin-top:3px}.all-answers li b{color:var(--accent)}.next-button{width:100%;justify-content:space-between;margin-top:12px}.small{font-size:11px;line-height:1.7;color:#b0c1bc}.final-score{text-align:center;padding:3px 0 10px}.final-folk{margin:12px 0;color:var(--accent)}.final-folk .icon{width:38px;height:38px}.final-score h2{font:400 28px/1.2 Pixelify,monospace}.big-score{font:700 60px/1.1 Pixelify,monospace;color:var(--cream);margin:13px 0 10px}.big-score span{font-size:25px;color:#91b1b0}.score-context{font-size:11px;line-height:1.5;color:#b4c9c2}.result-tiles{display:flex;justify-content:center;gap:8px;margin:20px 0 13px}.result-tiles>span{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:12px;border:1px solid #d8dfd1;color:#18333d;box-shadow:0 3px #0c2430}.tile-high{background:#cbdba9}.tile-mid{background:#e7d1a3}.tile-low{background:#c3a88f}.tile-base{background:#9bc1cb}.result-tiles .tile-skip{background:#4a626b;color:#dde3d5}.result-tiles small{position:absolute;bottom:1px;right:2px;font-size:8px}.result-actions{display:flex;gap:10px;margin-top:12px}.result-actions>*{flex:1;min-width:0;font-size:15px;padding:10px;white-space:normal}.outlined-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #bdd0c3;background:#213f49;box-shadow:0 2px #102633;min-height:44px;padding:10px 16px;font:400 16px/1.3 Pixelify,monospace;text-decoration:none}.outlined-button:hover{background:#30545c}.copy-status{font-size:11px;line-height:1.7;text-align:center;color:#d4dfa9;margin-top:10px}.share-details,.round-review{font-size:11px;color:#c0d2ca;margin-top:9px}.share-details summary,.round-review summary{cursor:pointer;padding:10px 0;min-height:35px}.share-details textarea{width:100%;height:180px;resize:vertical;border:1px solid var(--line);background:#0e242e;color:#e2e7d6;padding:12px;font-size:11px;line-height:1.8}.round-review{border-top:1px solid var(--line)}.round-review ol{padding-left:20px}.round-review li{border-top:1px solid var(--line);padding:12px 0;line-height:1.7}.round-review li div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin-top:6px}.round-review li strong{color:var(--cream)}.daily-complete{font-size:10px;line-height:1.8;text-align:center;color:#b5c8c0;margin-top:12px}.today-button{margin:auto;display:flex}
.daily-banner,.simple-steps,.alternative,.daily-note,.site-footer{max-width:950px;margin-left:auto;margin-right:auto}.daily-banner{display:flex;align-items:center;gap:20px;padding:28px;margin-top:32px;margin-bottom:32px;background:#1c3842;border:1px solid #607676}.daily-icon{padding:13px;background:#2b4a51;color:var(--cream)}.daily-icon .icon{width:32px;height:32px}.daily-banner h2{font:400 26px/1.2 Pixelify,monospace;margin:5px 0 8px}.daily-banner p{font-size:12px;line-height:1.6;color:var(--muted)}.daily-banner .outlined-button{margin-left:auto}.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0 0 30px;border-bottom:1px solid #49616a}.simple-steps>div>span{font-family:Pixelify,monospace;font-size:18px;color:var(--cream)}.simple-steps h2{font:400 25px/1.2 Pixelify,monospace;margin:10px 0}.simple-steps p{font-size:12px;line-height:1.9;color:#b2c2bd}.alternative{max-width:760px;padding:38px 0}.alternative h2{font:400 34px/1.2 Pixelify,monospace;margin:12px 0 18px;color:#e6ddc1}.alternative>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#b4c5bf;margin:12px 0}.text-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.text-links a{font-size:12px;color:var(--cream);text-decoration:none;display:inline-flex;align-items:center;gap:7px}.text-links .icon{width:14px;height:14px}.daily-note{max-width:760px;margin-top:30px;margin-bottom:30px;background:#213d46;border-left:3px solid var(--cream);padding:23px}.daily-note h2{font:400 28px/1.2 Pixelify,monospace}.daily-note p{font-size:12px;line-height:1.8;color:#b2c5bd;margin:12px 0}.daily-note a{font-size:12px;color:var(--cream)}.site-footer{border-top:1px solid #49616a;padding:26px 0;display:grid;grid-template-columns:1fr auto;gap:20px}.footer-brand{font:700 24px/1 Pixelify,monospace;text-decoration:none;color:var(--cream)}.site-footer p{font-size:10px;line-height:1.8;color:#a6bcb7;margin-top:7px}.site-footer nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-footer nav a{font-size:11px;color:#c0cec5;text-decoration:none}.site-footer .independent{grid-column:1/-1;font-size:10px;margin:0}
body[data-screen=article]{background:#142e39 url('/deep-sea.svg') center top / 100% auto fixed no-repeat}body[data-screen=article] .site-header{position:relative;top:auto;left:auto;right:auto;max-width:1100px;margin:18px auto 0}body[data-screen=article] .page-wrap{padding:0 28px}.article{max-width:820px;padding:35px;margin:38px auto;background:#152c35f2;border:1px solid #647b7b;box-shadow:0 4px #122733}.article>h1{font:700 44px/1.1 Pixelify,monospace;color:var(--cream);margin:14px 0 23px}.article-lead{font:400 25px/1.4 Pixelify,monospace;color:#e6e5d2;margin-bottom:25px}.article section{margin-top:32px}.article h2{font:400 28px/1.2 Pixelify,monospace;color:#eee5cc;margin:12px 0}.article p:not(.eyebrow):not(.article-lead){font-size:13px;line-height:1.9;color:#bdcbc4;margin:12px 0}.article a{color:var(--cream)}.article .primary{color:#203039}.article a .icon{width:14px;height:14px}.rules-list{list-style:none;padding:0;counter-reset:rule}.rules-list li{counter-increment:rule;padding-left:43px;position:relative;margin:26px 0}.rules-list li:before{content:counter(rule,decimal-leading-zero);position:absolute;left:0;top:2px;font-family:Pixelify,monospace;font-size:23px;color:#e7cfa5}.table-wrap{overflow:auto;border:1px solid #617879;margin:16px 0}table{border-collapse:collapse;width:100%;text-align:left}td,th{font-size:12px;line-height:1.6;padding:12px 13px;vertical-align:top;border-bottom:1px solid #536a6d}th{background:#284852;color:#e7e4d0}td{color:#bdcbc2}.article .inline-button{margin-top:22px;white-space:normal}.contact-box{background:#21424c;border:1px solid #617879;padding:22px}
@media(max-width:1020px){.daily-banner,.simple-steps,.alternative,.daily-note,.site-footer{margin-left:28px;margin-right:28px}.site-footer{max-width:none}}
@media(max-width:600px){.site-header{top:11px;left:12px;right:12px}.wordmark{padding:7px;font-size:14px}.wordmark .icon{width:16px;height:16px}.site-header nav{gap:5px}.site-header nav a{font-size:13px;padding:7px;gap:5px;min-height:32px}.site-header nav a:last-child span{display:none}.site-header nav a:last-child{padding:7px 9px}.site-header nav .icon{width:16px;height:16px}.game-stage{padding:61px 14px 22px;min-height:100svh}.game-stage:before{background-size:auto 100%;background-position:center}.game-logo{font-size:47px;letter-spacing:0}.intro{margin-bottom:15px}.intro h1{font-size:19px;margin-top:7px}.intro-copy{font-size:9px;line-height:1.6;margin-top:5px}.game-top{font-size:9px;margin-bottom:8px}.session-tag{letter-spacing:.6px;gap:6px}.game-top .quiet-link{font-size:10px}.mode-switch{gap:8px;margin-bottom:11px}.mode-switch button{padding:8px 10px;gap:10px;min-height:52px}.mode-switch strong{font-size:22px}.mode-switch small{font-size:8px;margin-top:3px}.mode-icon{width:25px;height:25px}.mode-check .icon{width:11px;height:11px}.question-board{padding:13px 16px 14px}.round-meta{font-size:9px;letter-spacing:.3px}.round-meta strong{font-size:12px}.progress-dots{margin:8px auto 10px;gap:4px}.progress-dots i{height:4px;width:25px}.category{font-size:11px}.question-block h2{font-size:25px;margin:7px auto 8px;line-height:1.12}.question-scope{font-size:10px;line-height:1.55}.answer-panel{padding:14px 15px 12px;margin-top:11px}.goal{font-size:10px;margin-bottom:11px;gap:7px}.goal .icon{width:15px;height:15px}#answer-form label{font-size:9px;margin-bottom:6px}.answer-row{gap:7px}.answer-row input{min-height:45px;padding:10px;font-size:16px}.answer-row input::placeholder{font-size:11px}.answer-row .primary{min-width:86px;padding:10px;font-size:15px;gap:9px;min-height:45px}.answer-row .primary .icon{width:15px;height:15px}.game-helpers{gap:10px;margin-top:6px}.text-button{font-size:9px;min-height:33px}.score-caption{font-size:8px;margin-top:5px}.under-game{font-size:8px;margin-top:12px;gap:3px 10px}.independent-stage{font-size:8px;line-height:1.6;margin:4px auto 11px}.scene-link{font-size:14px;padding:9px 12px}.feedback-heading h2{font-size:25px}.points{font-size:26px}.feedback-heading .eyebrow{font-size:9px}.result-explanation,.question-explanation{font-size:10px}.reference-head h3{font-size:10px}.reference-head>span{font-size:8px}.answer-chips>span{font-size:9px;padding:6px}.next-button{font-size:16px}.final-score h2{font-size:25px}.big-score{font-size:52px}.result-actions{flex-direction:column}.result-actions>*{min-height:45px;font-size:16px}.daily-banner{padding:20px 17px;gap:14px;flex-wrap:wrap}.daily-icon{padding:9px}.daily-icon .icon{width:27px;height:27px}.daily-banner>div:nth-child(2){flex:1}.daily-banner h2{font-size:24px}.daily-banner .eyebrow{font-size:11px}.daily-banner p{font-size:11px}.daily-banner .outlined-button{margin-left:59px;font-size:16px}.simple-steps{grid-template-columns:1fr;gap:21px}.simple-steps>div{padding-left:35px;position:relative}.simple-steps>div>span{position:absolute;left:0;top:0}.simple-steps h2{font-size:24px;margin:0 0 7px}.simple-steps p{font-size:11px}.alternative h2{font-size:29px}.alternative>p:not(.eyebrow){font-size:12px}.text-links{gap:17px}.text-links a{font-size:11px}.site-footer{grid-template-columns:1fr;gap:18px}.site-footer nav{gap:18px}.site-footer p,.site-footer .independent{font-size:9px}.daily-note h2{font-size:25px}.daily-note p,.daily-note a{font-size:11px}body[data-screen=article] .page-wrap{padding:0 13px}body[data-screen=article] .site-header{margin:12px 0 0}.article{margin:28px 0;padding:23px 19px}.article>h1{font-size:36px}.article-lead{font-size:24px}.article h2{font-size:26px}.article p:not(.eyebrow):not(.article-lead){font-size:12px}td,th{font-size:10px;padding:10px 8px}.rules-list li{padding-left:33px}.rules-list li:before{font-size:21px}.article .primary{font-size:15px}.article .icon{flex-shrink:0}}
@media(max-width:360px){.game-stage{padding-left:11px;padding-right:11px}.wordmark{gap:5px}.wordmark span{font-size:13px}.site-header nav a{font-size:12px}.mode-switch button{gap:8px;padding:8px}.mode-switch strong{font-size:20px}.mode-switch small{font-size:7px}.mode-icon{width:23px;height:23px}.question-board{padding-left:13px;padding-right:13px}.question-block h2{font-size:23px}.answer-panel{padding-left:12px;padding-right:12px}.goal{font-size:9px}.answer-row .primary{min-width:77px;padding:9px;gap:6px}.game-helpers .text-button{font-size:8px}.daily-banner,.simple-steps,.alternative,.daily-note,.site-footer{margin-left:18px;margin-right:18px}}
@media(max-width:600px) and (max-height:700px){.game-stage{padding-top:55px}.game-logo{font-size:41px}.intro{margin-bottom:12px}.intro h1{font-size:18px;margin-top:5px}.intro-copy{font-size:9px;margin-top:3px}.question-board{padding-top:11px;padding-bottom:12px}.question-block h2{font-size:23px}.progress-dots{margin-bottom:8px}.answer-panel{padding-top:12px;padding-bottom:10px}.goal{margin-bottom:9px}.under-game{margin-top:10px}}
@media(max-width:600px) and (max-height:600px){.intro-copy{display:none}.game-stage{padding-top:51px}.game-logo{font-size:35px}.intro h1{font-size:16px;margin-top:4px}.intro{margin-bottom:10px}.game-top{margin-bottom:6px}.mode-switch button{min-height:43px;padding:6px 9px}.mode-switch small{display:none}.mode-switch strong{font-size:21px}.mode-icon{width:22px;height:22px}.mode-switch{margin-bottom:9px}.question-block h2{font-size:22px;line-height:1.08;margin:6px 0}.question-board{padding-top:10px;padding-bottom:11px}.question-scope{font-size:9px}.progress-dots{margin:6px auto 7px}.answer-panel{margin-top:9px;padding-top:11px}.goal{margin-bottom:8px}.score-caption{margin-top:3px}.game-helpers{margin-top:3px}.independent-stage{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:360px){.site-header{gap:6px;left:10px;right:10px}.site-header nav a{padding:6px}.site-header nav a:last-child{padding:6px 7px}}
@media(max-width:600px) and (max-height:600px){.intro-copy{display:block;font-size:8px;line-height:1.4;margin-top:3px}}
.game-stage:has(.game-shell[data-phase=feedback]) .intro,.game-stage:has(.game-shell[data-phase=finished]) .intro{display:none}
.game-shell[data-phase=feedback] .mode-switch button,.game-shell[data-phase=finished] .mode-switch button{min-height:42px;padding:7px 12px}
.game-shell[data-phase=feedback] .mode-switch strong,.game-shell[data-phase=finished] .mode-switch strong{font-size:20px}
.game-shell[data-phase=feedback] .mode-switch small,.game-shell[data-phase=finished] .mode-switch small{display:none}
.game-shell[data-phase=feedback] .mode-icon,.game-shell[data-phase=finished] .mode-icon{width:23px;height:23px}

/* Readable strategy feedback; the entry controls and sea/sky scenes retain their layout. */
.learning-state{font-size:10px;line-height:1.7;color:#d8dfc4;margin:10px 0}.feedback-reason,.strategy-picks,.candidate-paths,.content-correction,.reference-sources{font-size:11px;line-height:1.75;overflow-wrap:anywhere}.feedback-reason h3{font-size:12px;color:var(--cream);margin:14px 0 5px}.feedback-reason p,.strategy-picks p{margin-top:7px;color:#bdcec7}.candidate-paths{margin-top:12px;color:#d2ddc9}.content-correction{margin-top:12px;padding:10px 12px;border:1px solid #a89162;background:#3c4032;color:#e9dfbe}.content-correction p{margin:6px 0}.content-correction a,.reference-sources a{color:var(--cream);text-decoration:underline}.content-correction .icon,.reference-sources .icon{width:12px;height:12px}.all-answers .reference-sources ul{max-height:none;overflow:visible;border:0}.all-answers .reference-sources li{display:block;padding:10px 0}.reference-sources h4{margin-top:12px;color:var(--cream)}.reference-sources p{margin-top:6px}.reference-sources small{display:block;margin-top:5px;color:#b1c6bf}.result-version{margin-top:8px}.result-tiles small{white-space:nowrap}

.strategy-details,.reference-policy{font-size:11px;line-height:1.75;color:#bdcec7;margin-top:9px}.strategy-details summary,.reference-policy summary{cursor:pointer;min-height:35px;padding:9px 0;color:#c0d0ca}.strategy-details>p{margin:7px 0}.reference-policy{margin-top:2px}.reference-policy summary{font-size:10px;min-height:28px;padding:5px 0}

/* Keep both result actions wholly visible on short phones. */
@media(max-width:600px) and (max-height:600px){.game-shell[data-phase=finished] .final-folk{margin:4px 0}.game-shell[data-phase=finished] .final-folk .icon{width:24px;height:24px}.game-shell[data-phase=finished] .final-score h2{font-size:22px;line-height:1.15}.game-shell[data-phase=finished] .big-score{font-size:46px;margin:8px 0}.game-shell[data-phase=finished] .result-tiles{margin:12px 0 8px}.game-shell[data-phase=finished] .result-tiles>span{height:36px}}
