:root{--ink:#142135;--blue:#214cdb;--lime:#d8fa64;--paper:#f6f8fc;--muted:#627084;--line:#dae1ec;--white:#fff;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}button,.button{cursor:pointer;border:0;border-radius:10px;padding:14px 24px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;background:var(--blue);color:white;min-height:48px}button:hover,.button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #e39924;outline-offset:4px}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.lime{background:var(--lime);color:var(--ink)}.plain{background:transparent;color:inherit;border:0;padding:8px}.site-header{max-width:1240px;margin:auto;padding:25px 36px;display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.5rem 'Space Grotesk',sans-serif;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;background:var(--blue);color:var(--lime);width:34px;height:34px;border-radius:9px;font-size:1.8rem}.nav{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:600}.nav a{text-decoration:none}.nav a[aria-current=page]{color:var(--blue)}.wrap{max-width:1168px;margin:auto;padding:32px 24px 64px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:.75rem;font-weight:700;color:var(--muted)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-1.2px}h1{font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.08;margin:16px 0}h2{font-size:1.8rem;margin:0 0 16px}h3{font-size:1.2rem;letter-spacing:-.5px}p{line-height:1.7}.muted{color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:24px}.intro p{max-width:520px;margin:10px 0 0}.date-label{font-size:.875rem;white-space:nowrap;padding-bottom:5px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.game-card{background:#12243d;border:1px solid #203957;color:white;border-radius:22px;min-height:420px;padding:34px;position:relative;overflow:hidden}.game-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.85rem;color:#bdc9dc}.pill{display:inline-flex;border:1px solid #526077;border-radius:30px;padding:7px 11px;font-size:.75rem;font-weight:700;letter-spacing:1px}.game-center{text-align:center;padding:32px 0 12px}.game-center h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-2px;margin:16px 0}.game-center p{color:#bdc9dc;max-width:440px;margin:0 auto 25px}.tile-row{display:flex;gap:7px;justify-content:center}.tile{border-radius:9px;background:#233a58;border:1px solid #3a5270;width:44px;height:48px;display:grid;place-items:center;font:600 1.15rem 'Space Grotesk',sans-serif;transform:rotate(-4deg)}.tile:nth-child(2){background:var(--lime);color:var(--ink);transform:rotate(7deg)}.side-card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.side-card h3{margin-top:0}.rule{display:flex;gap:13px;margin:22px 0}.rule b{width:26px;flex-shrink:0;font-family:'Space Grotesk',sans-serif;color:var(--blue)}.rule p{margin:0;font-size:.9rem;line-height:1.55}.fine{font-size:.8rem;line-height:1.6;color:var(--muted)}.game-foot{display:flex;justify-content:center;gap:20px;color:#bdc9dc;font-size:.8rem;margin-top:25px}.subnav{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 25px}.subnav a{text-decoration:none;padding:9px 14px;border-radius:7px;color:var(--muted);font-size:.9rem}.subnav a[aria-current=page]{background:#e6ecff;color:var(--blue);font-weight:700}.site-footer{border-top:1px solid var(--line);max-width:1120px;margin:0 auto;padding:24px 0 30px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:.8rem}.site-footer p{margin:0;max-width:630px}.site-footer a{margin-left:14px}.below{margin-top:46px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.link-card{display:block;text-decoration:none;background:white;border:1px solid var(--line);border-radius:14px;padding:25px}.link-card:hover{border-color:var(--blue)}.link-card p{font-size:.9rem;color:var(--muted);margin:8px 0}.link-card h3{margin:14px 0 8px}.tag{font-size:.75rem;letter-spacing:1px;color:var(--blue);font-weight:700}.divider{border:0;border-top:1px solid var(--line);margin:28px 0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:white;z-index:10;padding:15px}@media(max-width:760px){.site-header{padding:20px}.nav{gap:15px}.brand{font-size:1.25rem}.wrap{padding:22px 18px 45px}.intro{display:block}.date-label{margin-top:20px}.game-layout{grid-template-columns:1fr}.game-card{padding:25px 20px;min-height:390px}.side-card{padding:22px}.link-grid{grid-template-columns:1fr}.site-footer{margin:0 20px;display:block}.site-footer>div{margin-top:14px}.site-footer a:first-child{margin-left:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.blue{color:var(--blue)}.text-link{font-size:.875rem;font-weight:700;color:var(--blue);text-underline-offset:4px}.section-line{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.section-line h2{margin:0}.home-feature{border-radius:22px;background:var(--blue);color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:32px;padding:45px}.home-feature .tag{color:var(--lime)}.home-feature h2{font-size:2.6rem;line-height:1.13;max-width:470px;margin:20px 0 15px}.home-feature p{max-width:480px;color:#d9e3ff}.home-feature .game-foot{justify-content:start;color:#d9e3ff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.ghost{border:1px solid #6c7f9e;background:transparent;color:white}.feature-score{border:1px solid #7190f0;border-radius:18px;padding:30px 25px;display:flex;flex-direction:column;justify-content:center;text-align:center}.feature-score .eyebrow{color:#d9e3ff}.feature-score>div{display:flex;justify-content:center;align-items:center;gap:18px;margin:25px 0}.feature-score span:not(.eyebrow){font:500 3.5rem 'Space Grotesk',sans-serif;color:#abbfff;text-decoration:line-through;text-decoration-thickness:2px}.feature-score strong{font:700 clamp(3rem,6vw,5rem) 'Space Grotesk',sans-serif;letter-spacing:-5px;color:var(--lime)}.feature-score p{font-size:.875rem;margin:0}.prose{max-width:800px}.prose h2{margin-top:35px}.prose p,.prose li{color:#4e5b6e;line-height:1.85}.prose li{padding:7px 0}.prose a{color:var(--blue)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600;font-size:1rem;line-height:1.6}details p{margin-bottom:0}.score-key{display:grid;grid-template-columns:1fr auto;font-size:.85rem;gap:10px}.score-key b{font-family:'Space Grotesk',sans-serif}.local-card{margin-top:18px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats-grid strong{display:block;font:700 2rem 'Space Grotesk',sans-serif}.stats-grid span{font-size:.8rem;color:var(--muted)}.game-note{text-align:center}.game-center h2{overflow-wrap:break-word}.game-center p{font-size:1rem}.game-foot button{font-size:.85rem;font-weight:400;min-height:32px;padding:0}.relaxed-option{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.8rem;margin-top:18px;color:#bdc9dc}.relaxed-option input{accent-color:var(--lime);width:17px;height:17px}.game-score{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.6rem;color:white}.game-score span{font:500 .75rem 'DM Sans',sans-serif;color:#bdc9dc}.progress-steps{display:flex;gap:6px;margin:25px 0 30px}.progress-steps span{flex:1;background:#304561;height:4px;border-radius:5px}.progress-steps .filled{background:var(--step)}.question-bar{display:flex;justify-content:space-between;align-items:center}.question-bar .eyebrow{color:var(--lime)}.timer{font:500 1.2rem 'Space Grotesk',sans-serif;border:1px solid #4b607d;padding:7px 10px;border-radius:8px;min-width:54px;text-align:center}.timer.urgent{color:#ffc488;border-color:#ffc488}.prompt{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.25;letter-spacing:-1px;margin:16px 0 25px;min-height:85px}.answer-input{display:flex;background:white;border:3px solid white;border-radius:12px;gap:4px}.answer-input input{width:0;flex:1;min-width:0;padding:13px 12px;border:0;border-radius:9px;color:var(--ink);background:white;font-size:1rem}.answer-input button{padding:12px 20px;border-radius:8px}.answer-error{min-height:24px;font-size:.875rem;color:#ffdba9;margin:12px 0 0}.round-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#d9e4f4}.round-actions button{font-size:.8rem;font-weight:500;min-height:38px;padding:8px 0}.round-hint{color:#d7e3f4;font-size:.9rem;border-left:2px solid var(--lime);padding-left:14px}.feedback{display:flex;align-items:center;gap:20px;margin:5px 0 20px}.feedback-points{color:var(--lime);font:700 3.5rem 'Space Grotesk',sans-serif;letter-spacing:-3px}.feedback h3{font-size:1.45rem;margin:4px 0}.feedback .tag{color:#b4c8ff}.reveal-answers{border-color:#40546f;margin-top:8px}.reveal-answers summary{color:#d5e0f2;font-size:.875rem}.answer-chips{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-chips li{display:flex;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:7px;font-size:.875rem}.answer-chips strong{color:var(--blue)}.game-card .answer-chips li{border-color:#40546f}.game-card .answer-chips strong{color:var(--lime)}.game-card .fine{color:#bdc9dc}.centered{justify-content:center}.final-score{font:700 clamp(3rem,7vw,5.6rem) 'Space Grotesk',sans-serif;letter-spacing:-4px;color:var(--lime);margin:22px 0}.final-score span{font-size:1.5rem;letter-spacing:-1px;color:#bdc9dc}.result h2{font-size:2rem;letter-spacing:-1px}.result .eyebrow{color:#bdc9dc;font-size:.7rem}.share-grid{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;max-width:320px;margin:20px auto}.share-grid span{width:22px;height:22px;border-radius:5px}.share-fallback{width:100%;min-height:130px;border:1px solid var(--line);padding:12px;border-radius:8px;font-size:1rem}.result #share-status{font-size:.85rem;margin:15px auto 0}.notice{background:#e9eeff;border-left:3px solid var(--blue);padding:16px 20px;font-size:.9rem;border-radius:0 8px 8px 0;color:#334a80;line-height:1.7}.toolbar{display:flex;gap:18px;flex-wrap:wrap;align-items:end;margin:30px 0}.toolbar label{display:flex;flex-direction:column;font-size:.875rem;font-weight:600;gap:8px}.toolbar input{font-size:1rem;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);min-height:48px}.answer-list{max-width:850px}.answer-card{padding:25px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.answer-card h3{font-size:1.3rem;line-height:1.5;margin:12px 0}.answer-card details{border:0;padding:4px 0}.answer-card summary{font-size:.9rem;color:var(--blue)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.archive-card{display:block;background:white;border:1px solid var(--line);border-radius:14px;text-decoration:none;padding:24px}.archive-card:hover{border-color:var(--blue)}.archive-card p{color:var(--muted);font-size:.9rem}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison article{border:1px solid var(--line);padding:30px;border-radius:16px;background:white;display:flex;align-items:start;flex-direction:column}.comparison h2{margin:16px 0 0}.comparison p{color:var(--muted);flex:1}.empty-state{background:white;border:1px dashed #acb9cc;padding:28px;border-radius:12px}.empty-state p{color:var(--muted)}.table-wrap{overflow:auto;margin-top:15px}table{border-collapse:collapse;width:100%;font-size:.85rem;line-height:1.6}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:top}th:first-child{width:50%}.game-card th,.game-card td{border-color:#40546f}th{font-weight:600}.hint-used{display:block;font-size:.75rem;color:var(--muted)}.game-card .hint-used{color:#bdc9dc}.history-item{padding:18px;background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:12px}.history-item summary{font-size:.9rem}#records{margin-top:35px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.game-card .text-link{color:#d8fa64}@media(max-width:900px){.home-feature{padding:30px;grid-template-columns:1fr}.feature-score{display:none}.section-line{align-items:start;flex-direction:column;gap:10px}.game-layout{grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:760px){.game-layout{grid-template-columns:1fr}.comparison,.archive-grid{grid-template-columns:1fr}.home-feature h2{font-size:2rem}.home-feature{padding:28px 23px}.answer-chips{grid-template-columns:1fr}.answer-input{flex-wrap:wrap;background:transparent;border:0;gap:10px}.answer-input input{flex:auto;width:100%;padding:16px}.answer-input button{width:100%}.nav{font-size:.8rem;gap:12px}.nav a:last-child{display:inline}.intro .date-label{display:block}.game-top{align-items:start}.game-top>span:last-child{font-size:.8rem}.prompt{min-height:0}.comparison article{padding:24px}.toolbar{align-items:stretch}.game-card{padding:24px 20px}.game-foot{flex-wrap:wrap;gap:12px}.actions .button{flex:1;white-space:nowrap}.game-center{padding-top:25px}.side-card .eyebrow{margin-bottom:14px}.site-footer{font-size:.8rem}}@media(min-width:761px){.local-card button{padding-left:0}}

.challenge-strip{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0 16px;border-bottom:1px solid #526079;color:#d8fa64;font-size:.9rem}.challenge-strip strong{font-size:1.3rem}.challenge-strip+ .question-bar{margin-top:16px}

@media(max-width:480px){.brand{font-size:1.05rem;letter-spacing:-.5px;gap:7px}.site-header{padding:20px 18px;gap:12px}.nav{gap:10px}}

/* Shared Little Fun Games visual language, based on the homepage island. */
:root {
  --ink: #203e42;
  --blue: #285849;
  --lime: #f5df98;
  --paper: #f9f5e9;
  --white: #fffbee;
  --muted: #586e63;
  --line: #cbd5bf;
  --coral: #f3866d;
  --mint: #b9d9c6;
  --edge: #28494c;
  --score-high: #d8b355;
  --score-mid: #558a76;
  --score-empty: #cbd4c1;
}
body:not([data-route=home]) {
  color: var(--ink);
  background-color: var(--paper);
  background-image: url('/images/island-header.svg'), linear-gradient(#c6e7db, #f9f5e9 360px);
  background-size: 1440px 310px, 100% 390px;
  background-repeat: no-repeat;
  background-position: center top;
}
body:not([data-route=home]) :focus-visible {outline: 3px solid #285849; outline-offset: 4px}
body:not([data-route=home]) .site-header {max-width: 1240px; padding: 23px 30px; border-bottom: 1px solid #28494c35}
body:not([data-route=home]) .brand {gap: 12px; color: var(--ink); text-decoration: none}
body:not([data-route=home]) .brand-mark {width: auto; height: auto; background: transparent; color: var(--ink); border-radius: 0; font-size: 22px; letter-spacing: -1px; font-weight: 800}
body:not([data-route=home]) .brand-name {font: 700 10px 'DM Sans',sans-serif; letter-spacing: 2px; text-transform: uppercase; border-left: 1px solid #28494c60; padding-left: 12px}
body:not([data-route=home]) .nav {gap: 12px; color: var(--ink); font-size: 12px}
body:not([data-route=home]) .nav a {padding: 8px 11px; border: 1px solid #28494c60; background: #fffbee85; box-shadow: 2px 2px 0 #28494c25}
body:not([data-route=home]) .nav a:hover {background: #fffbee}
body:not([data-route=home]) .wrap {padding-top: 25px}
body:not([data-route=home]) .breadcrumbs {color: #45645a; font: 11px/1.6 'Courier New',monospace; margin-bottom: 20px}
body:not([data-route=home]) .breadcrumbs a {color: inherit}
body:not([data-route=home]) .intro {margin-bottom: 22px}
body:not([data-route=home]) h1 {font-size: clamp(2.2rem,4.5vw,3.6rem); text-shadow: 2px 2px 0 #bfd8bc; letter-spacing: -1.5px}
body:not([data-route=home]) .intro p {color: #45645a}
body:not([data-route=home]) .date-label {font: 700 11px/1.7 'Courier New',monospace; white-space: normal}
body:not([data-route=home]) .eyebrow,
body:not([data-route=home]) .tag {font-family: 'Courier New',monospace; font-weight: 700; color: #4f7060; letter-spacing: 1.6px}
body:not([data-route=home]) .blue {color: #b75540}
body:not([data-route=home]) .subnav {gap: 8px; margin-bottom: 27px}
body:not([data-route=home]) .subnav a {border: 1px solid #b9c9b1; border-radius: 0; background: #fffbee; color: #45645a; font-size: 12px; padding: 11px 14px}
body:not([data-route=home]) .subnav a[aria-current=page] {background: var(--mint); color: var(--ink); border-color: var(--edge); box-shadow: 3px 3px 0 var(--edge)}
body:not([data-route=home]) .subnav a:hover {background: #dce8cd}
body:not([data-route=home]) button,
body:not([data-route=home]) .button {border: 2px solid var(--edge); border-radius: 0; background: var(--coral); color: var(--ink); box-shadow: 3px 3px 0 var(--edge); font-weight: 700; min-height: 46px}
body:not([data-route=home]) button:hover:not(:disabled),
body:not([data-route=home]) .button:hover {background: #ffa188; filter: none}
body:not([data-route=home]) button:active:not(:disabled),
body:not([data-route=home]) .button:active {translate: 2px 2px; box-shadow: 1px 1px 0 var(--edge)}
body:not([data-route=home]) .secondary,
body:not([data-route=home]) .ghost {background: #fffbee; color: var(--ink); border: 1px solid var(--edge); box-shadow: 2px 2px 0 #b9cbb3}
body:not([data-route=home]) button.plain,
body:not([data-route=home]) button.wing-text-button {background: transparent; color: #355b4b; border: 0; box-shadow: none; text-decoration: underline; text-underline-offset: 4px; min-height: 40px}
body:not([data-route=home]) button.plain:hover,
body:not([data-route=home]) button.wing-text-button:hover {background: #dce8cd}
body:not([data-route=home]) .game-card {background: #fffbee; color: var(--ink); border: 2px solid var(--edge); border-radius: 0; box-shadow: 7px 7px 0 var(--edge); min-height: 420px; padding: 27px 30px}
body:not([data-route=home]) .game-top {color: #526e60; padding-bottom: 17px; border-bottom: 1px dashed #b9c9b1; font: 700 11px/1.6 'Courier New',monospace}
body:not([data-route=home]) .pill {border: 1px solid #789b84; border-radius: 0; color: var(--ink); background: #e2ecd4; font-size: 10px}
body:not([data-route=home]) .game-center {padding-top: 30px}
body:not([data-route=home]) .game-center h2 {font-size: clamp(1.8rem,3vw,2.65rem); line-height: 1.15; letter-spacing: -1.4px; max-width: 560px; margin: 22px auto 17px}
body:not([data-route=home]) .game-center p {color: #526e60; font-size: 14px; max-width: 420px}
body:not([data-route=home]) .tile {background: #bad9c4; color: var(--ink); border: 2px solid var(--edge); border-radius: 0; box-shadow: 3px 3px 0 var(--edge); font-family: 'Courier New',monospace}
body:not([data-route=home]) .tile:nth-child(2) {background: #f5df98}
body:not([data-route=home]) .tile:nth-child(3) {background: #f6b09a}
body:not([data-route=home]) #start-game {padding-inline: 28px}
body:not([data-route=home]) .relaxed-option,
body:not([data-route=home]) .game-foot {color: #526e60}
body:not([data-route=home]) .relaxed-option input {accent-color: #285849}
body:not([data-route=home]) .game-foot {border-top: 1px dashed #b9c9b1; padding-top: 17px; margin-top: 17px; align-items: center}
body:not([data-route=home]) .side-card,
body:not([data-route=home]) .link-card,
body:not([data-route=home]) .answer-card,
body:not([data-route=home]) .archive-card,
body:not([data-route=home]) .comparison article {border: 1px solid var(--edge); border-radius: 0; background: #fffbee; box-shadow: 4px 4px 0 #c3d2b7}
body:not([data-route=home]) .local-card {background: #e8edd9; margin-top: 21px}
body:not([data-route=home]) .rule b {color: #b75540; font-family: 'Courier New',monospace}
body:not([data-route=home]) .rule p {color: #405c50}
body:not([data-route=home]) .link-card:hover,
body:not([data-route=home]) .archive-card:hover {background: #eef2df; border-color: var(--edge)}
body:not([data-route=home]) .game-score {color: var(--ink)}
body:not([data-route=home]) .game-score span {color: #526e60}
body:not([data-route=home]) .progress-steps span {border-radius: 0; background: var(--score-empty); height: 6px}
body:not([data-route=home]) .progress-steps .filled {background: var(--step)}
body:not([data-route=home]) .question-bar .eyebrow {color: #45645a}
body:not([data-route=home]) .timer {border: 1px solid var(--edge); background: #e2ecd4; border-radius: 0; color: var(--ink)}
body:not([data-route=home]) .timer.urgent {background: #f8d8c4; color: #8c3527; border-color: #a64f3a}
body:not([data-route=home]) .answer-input {border: 2px solid var(--edge); background: #fffdf5; border-radius: 0; padding: 4px; gap: 8px}
body:not([data-route=home]) .answer-input input {background: #fffdf5; border-radius: 0; color: var(--ink)}
body:not([data-route=home]) .answer-input button {border-radius: 0; box-shadow: none}
body:not([data-route=home]) .answer-error {color: #8c3527}
body:not([data-route=home]) .round-actions,
body:not([data-route=home]) .round-hint {color: #405e4f}
body:not([data-route=home]) .round-hint {border-color: #b75540; background: #eff0db; padding: 12px 15px}
body:not([data-route=home]) .feedback-points,
body:not([data-route=home]) .final-score {color: #a74935}
body:not([data-route=home]) .feedback .tag {color: #45645a}
body:not([data-route=home]) .reveal-answers {border-color: var(--line)}
body:not([data-route=home]) .reveal-answers summary,
body:not([data-route=home]) .game-card .fine,
body:not([data-route=home]) .final-score span,
body:not([data-route=home]) .result .eyebrow,
body:not([data-route=home]) .game-card .hint-used {color: #526e60}
body:not([data-route=home]) .answer-chips li {border: 1px solid #bdceb5; background: #f1f3e5; border-radius: 0}
body:not([data-route=home]) .game-card .answer-chips strong,
body:not([data-route=home]) .game-card .text-link {color: #285849}
body:not([data-route=home]) .share-grid span {border: 1px solid #789b84; border-radius: 0}
body:not([data-route=home]) .share-fallback {background: #fffdf5; color: var(--ink); border-radius: 0}
body:not([data-route=home]) .notice {background: #edf0da; border-left: 4px solid #789b60; border-radius: 0; color: #405c42}
body:not([data-route=home]) .toolbar input {border: 1px solid var(--edge); border-radius: 0; background: #fffbee; color: var(--ink)}
body:not([data-route=home]) .prose p,
body:not([data-route=home]) .prose li,
body:not([data-route=home]) .answer-card>p {color: #456052}
body:not([data-route=home]) .date-links a {border: 1px solid #9db493; border-radius: 0; background: #fffbee; box-shadow: 2px 2px 0 #c3d2b7}
body:not([data-route=home]) .archive-dates li {background: #fffbee}
body:not([data-route=home]) .archive-dates li:nth-child(even) {background: #eef1de}
body:not([data-route=home]) .empty-state,
body:not([data-route=home]) .history-item {background: #fffbee; border-color: #adbea1; border-radius: 0}
body:not([data-route=home]) .game-card th,
body:not([data-route=home]) .game-card td {border-color: var(--line)}
body:not([data-route=home]) .challenge-strip {color: #365e48; border-color: #adbea1}
body:not([data-route=home]) .site-footer {color: #586e63; border-color: #cbd5bf}

/* The adventure keeps its original illustration inside the same site shell. */
body[data-route=fourth-wing-game] {--wing-paper: #fffbee; --wing-ink: #203e42; --wing-gold: #8c5435; --line: #cbd5bf}
body[data-route=fourth-wing-game] .wing-guide-link,
body[data-route=fourth-wing-game] .wing-attribution p,
body[data-route=fourth-wing-game] .wing-section-heading>span,
body[data-route=fourth-wing-game] .wing-how-grid p,
body[data-route=fourth-wing-game] .wing-reference>p,
body[data-route=fourth-wing-game] .wing-faq details p {color: #526e60}
body[data-route=fourth-wing-game] .wing-attribution a,
body[data-route=fourth-wing-game] .wing-faq a,
body[data-route=fourth-wing-game] .wing-reference-note a {color: #285849}
body[data-route=fourth-wing-game] .wing-badge {border-color: #789b84; color: #45645a; background: #e2ecd4}
body[data-route=fourth-wing-game] .wing-game {border: 2px solid var(--edge); border-radius: 0; box-shadow: 7px 7px 0 var(--edge)}
body[data-route=fourth-wing-game] .wing-play-top {background: #c4ddc5; border-color: var(--edge)}
body[data-route=fourth-wing-game] .wing-play-top span {color: var(--ink)}
body[data-route=fourth-wing-game] .wing-world h2,
body[data-route=fourth-wing-game] .wing-entry h2,
body[data-route=fourth-wing-game] .wing-section-heading h2,
body[data-route=fourth-wing-game] .wing-faq h2,
body[data-route=fourth-wing-game] .wing-story h2,
body[data-route=fourth-wing-game] .wing-result h2,
body[data-route=fourth-wing-game] .wing-resume h2 {font-family: 'Space Grotesk',sans-serif; font-weight: 700}
body[data-route=fourth-wing-game] .wing-world h2 {letter-spacing: -2px}
body[data-route=fourth-wing-game] .wing-intro h1 {font-size: clamp(23px,3vw,36px)}
body[data-route=fourth-wing-game] .wing-primary {background: var(--coral); color: var(--ink)}
body[data-route=fourth-wing-game] .wing-info,
body[data-route=fourth-wing-game] .wing-faq,
body[data-route=fourth-wing-game] .wing-page-links,
body[data-route=fourth-wing-game] .wing-spoilers {border-color: var(--line)}
body[data-route=fourth-wing-game] .wing-page-links,
body[data-route=fourth-wing-game] .wing-spoilers>summary {color: #405e4f}
body[data-route=fourth-wing-game] .wing-dragon-tile,
body[data-route=fourth-wing-game] .wing-reference-grid article {background: #fffbee; border: 1px solid var(--edge); border-radius: 0; box-shadow: 3px 3px 0 #c3d2b7; color: var(--ink)}
body[data-route=fourth-wing-game] .wing-dragon-tile.locked {color: #6a7d67; background: #edf0dc; box-shadow: none}
body[data-route=fourth-wing-game] .wing-dragon-tile p,
body[data-route=fourth-wing-game] .wing-reference-grid p {color: #526e60}
body[data-route=fourth-wing-game] .wing-reference-grid strong {color: var(--ink)}
body[data-route=fourth-wing-game] .wing-dragon-tile h3,
body[data-route=fourth-wing-game] .wing-reference-grid h3 {font-family: 'Space Grotesk',sans-serif; font-weight: 700}
body[data-route=fourth-wing-game] .wing-how-grid article>span,
body[data-route=fourth-wing-game] .wing-faq h2 em {color: #a74935}
body[data-route=fourth-wing-game] .wing-choice {background: #fffdf5; color: var(--ink); border: 1px solid #90ab82; box-shadow: 2px 2px 0 #c3d2b7; text-align: left}
body[data-route=fourth-wing-game] .wing-choice:hover:not(:disabled) {background: #e2ecd4}
body[data-route=fourth-wing-game] .wing-choice:disabled {background: #efecdf; color: #657060; border-style: dashed; box-shadow: none}
body[data-route=fourth-wing-game] .wing-choice-key {border-radius: 0}
body[data-route=fourth-wing-game] .wing-result-actions button:last-child {background: #fffbee; color: var(--ink)}
body[data-route=fourth-wing-game] .wing-storage {color: #8c5435}

@media(max-width:760px) {
  body:not([data-route=home]) .site-header {padding: 18px; gap: 14px}
  body:not([data-route=home]) .brand {gap: 8px}
  body:not([data-route=home]) .brand-name {font-size: 8px; letter-spacing: 1px; padding-left: 8px; max-width: 95px; line-height: 1.5}
  body:not([data-route=home]) .brand-mark {font-size: 20px}
  body:not([data-route=home]) .nav {gap: 7px; font-size: 10px}
  body:not([data-route=home]) .nav a {padding: 7px 9px}
  body:not([data-route=home]) .game-card {padding: 22px 18px; box-shadow: 5px 5px 0 var(--edge)}
  body:not([data-route=home]) .game-top {font-size: 10px; gap: 10px}
  body:not([data-route=home]) .game-top>span:last-child {font-size: 10px; text-align: right}
  body:not([data-route=home]) .game-center h2 {font-size: 29px; letter-spacing: -1px}
  body:not([data-route=home]) .subnav {gap: 7px}
  body:not([data-route=home]) .subnav a {font-size: 11px; padding: 10px 11px}
  body:not([data-route=home]) .answer-input {background: transparent; border: 0; padding: 0}
  body:not([data-route=home]) .answer-input input {border: 2px solid var(--edge)}
  body:not([data-route=home]) .answer-input button {box-shadow: 3px 3px 0 var(--edge)}
  body:not([data-route=home]) .intro .date-label {margin-top: 13px}
  body[data-route=fourth-wing-game] .wing-intro h1 {font-size: 23px}
  body[data-route=fourth-wing-game] .wing-game {box-shadow: 5px 5px 0 var(--edge)}
}
@media(max-width:360px) {
  body:not([data-route=home]) .brand-name {font-size: 7px; max-width: 77px}
  body:not([data-route=home]) .nav a {padding: 7px; font-size: 9px}
}

/* Shared support links wrap cleanly on narrow screens. */
.site-footer > div {display:flex;flex-wrap:wrap;gap:10px 16px;align-content:flex-start}
.site-footer > div a {margin-left:0}

/* Mobile gameplay: native Go key and usable touch targets. */
#answer,#poople-input{font-size:max(16px,1rem);scroll-margin-block:70px}
#game button,#poople-game button,#wing-game button{min-height:44px;min-width:44px}
@media(max-width:480px){#game .answer-input{gap:8px}#game .prompt{font-size:clamp(22px,6vw,30px)}#game .feedback-actions{scroll-margin-block:16px}}

#game summary,#poople-game summary,#wing-game summary,#game .relaxed-option{min-height:44px;align-content:center}
@media(max-width:480px){#game:focus-within .question-bar{position:sticky;top:8px;z-index:2;background:var(--navy,#0b293c)}}