@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./fonts/barlow-condensed-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/barlow-condensed-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(./fonts/barlow-condensed-800.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(./fonts/barlow-condensed-900.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./fonts/dm-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/dm-sans-700.ttf) format('truetype');
}

:root{color-scheme:light;--paper:#f4f3ee;--ink:#20211c;--acid:#f5ff44;--line:#c7c8bf;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button,a,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #626800;outline-offset:5px}header,main,footer{max-width:1120px;margin:auto}header{display:flex;align-items:center;padding:32px 0 27px;border-bottom:1px solid var(--ink);gap:25px}.wordmark{font:900 31px/.83 'Barlow Condensed','Arial Narrow',Impact,sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-.7px;position:relative}.wordmark span{font:12px Arial;position:absolute;right:-11px;top:-4px}header p{font-size:12px;line-height:1.6;letter-spacing:1.3px;margin-left:10px}header p strong{font-weight:500}.edition{margin-left:auto;font:700 14px/1.25 'Barlow Condensed',sans-serif;letter-spacing:1px}.intro{display:flex;justify-content:space-between;padding:35px 0 16px;font-size:12px;letter-spacing:1.5px;font-weight:600}.issue{color:#68695f}.mission{background:var(--acid);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.mission-top{border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:16px 30px}.mission-top h1{font-size:14px;letter-spacing:1.5px;margin:0}.mission-top>span{font-size:12px;border:1px solid var(--ink);border-radius:30px;padding:6px 12px;letter-spacing:1px}.mission-body{padding:28px 54px 20px}.mission-meta{display:flex;gap:20px;font-size:12px;letter-spacing:1px;color:#4a4d1a}.mission-meta span+span:before{content:'/';margin-right:20px}#challenge{font:800 clamp(2.65rem,5.2vw,4.3rem)/1.04 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-.8px;max-width:870px;margin:26px 0 20px;text-transform:uppercase}.mission-note{font-size:16px;margin:0 0 30px}.actions{display:flex;gap:12px;max-width:690px}button{transition:background .15s,transform .15s}.actions button{min-height:58px;padding:16px 23px;font-weight:700;font-size:14px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;gap:35px;border:2px solid var(--ink);flex:1}.primary{background:var(--ink);color:white}.primary:hover{background:#3b3d30}.primary:disabled{cursor:default;background:#363929}.secondary{background:transparent;color:var(--ink)}.secondary:hover{background:#e7ef38}.actions span{font-size:23px}.help-toggle{border:0;background:transparent;padding:22px 0 10px;display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:1px;font-weight:700}.help-toggle span:first-child{font-size:23px}.help-toggle span:last-child{margin-left:18px;font-size:20px}.card-foot{border-top:1px solid #a6af25;padding:14px 30px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.4px}.bottom{display:flex;justify-content:space-between;align-items:center;margin:40px 0 36px}.impact{display:flex;align-items:center;gap:22px}#count{font:800 76px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px}.impact h2{font-size:13px;line-height:1.4;letter-spacing:1px;margin:0}.impact p{font-size:12px;color:#67685f;margin:7px 0 0}.manifesto{border-left:1px solid var(--line);padding-left:36px;min-width:34%}.manifesto p,.manifesto strong{font-size:17px;line-height:1.5;margin:0}.manifesto strong{font-weight:600}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0 26px;font-size:10px;letter-spacing:1px}.signoff{font-weight:700}#ack:not(:empty){padding:20px 0 10px;font-weight:600;font-size:18px}#help-panel{border-top:1px solid #a6af25;margin-top:18px;padding:20px 0;max-width:690px}.help-heading h3{font-size:23px;margin:0 0 8px}.help-heading span,.privacy{font-size:12px;line-height:1.5}.help-heading span{letter-spacing:.6px}#tip{line-height:1.6}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}label span{font-weight:400}select,textarea{display:block;width:100%;padding:13px;border:1px solid var(--ink);border-radius:0;background:#fbffbd;color:var(--ink);font-size:16px}textarea{resize:vertical}.small-button{margin-top:14px;background:var(--ink);color:white;border:0;padding:15px 20px;font-size:12px;letter-spacing:1px;font-weight:700}#suggestion:not(:empty){background:#fbffbd;padding:20px;border-left:3px solid var(--ink);line-height:1.7;margin-top:18px;white-space:pre-line}.privacy{color:#484c24}#storage-warning{font-size:14px;color:#79501e}[hidden]{display:none!important}@media(min-width:1400px){header{padding-top:40px}main{padding-top:12px}.mission-body{padding-top:34px;padding-bottom:24px}#challenge{margin-top:30px;margin-bottom:26px}.bottom{margin-top:45px}}@media(max-width:1180px){header,main,footer{margin-left:30px;margin-right:30px}}@media(max-width:600px){header,main,footer{margin-left:20px;margin-right:20px}header{padding:25px 0;gap:15px}header p{font-size:10px;letter-spacing:.7px}.edition{display:none}.intro{padding-top:25px;font-size:10px}.issue{display:none}.mission-top{padding:14px 18px;gap:8px}.mission-top h1{font-size:12px;letter-spacing:.7px}.mission-top>span{font-size:10px;padding:5px 8px}.mission-body{padding:24px 22px 15px}.mission-meta{font-size:10px;gap:8px;letter-spacing:.5px}.mission-meta span+span:before{margin-right:8px}#challenge{font-size:2.7rem;margin-top:23px;letter-spacing:-.3px}.mission-note{font-size:14px;line-height:1.5;margin-bottom:25px}.actions{flex-direction:column;gap:10px}.actions button{min-height:55px;padding:12px 18px}.card-foot{padding:12px 18px;font-size:9px;letter-spacing:.8px}.bottom{align-items:start;gap:24px;flex-direction:column;margin:32px 0}.manifesto{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;width:100%}.manifesto p{display:inline}.manifesto p br{display:none}.manifesto strong{display:block}.impact{gap:20px}footer{font-size:9px;line-height:1.7;gap:20px}.signoff{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* PWA enhancements preserve the original mission surface and brand palette. */
body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.skip-link{position:absolute;top:8px;left:8px;transform:translateY(-160%);z-index:10;background:var(--ink);color:white;padding:12px 18px;font-size:16px}.skip-link:focus{transform:none}
.app-tools{border-top:1px solid var(--line);padding:16px 0 20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;font-size:14px;line-height:1.5}.app-tools p{margin:0;flex:1 1 380px;color:#55574c}.app-tools a,footer a,.info-page a{color:var(--ink);text-underline-offset:4px}.text-button{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:12px 16px;min-height:44px;font-size:14px;font-weight:700}.text-button:hover{background:var(--acid)}footer{align-items:center;flex-wrap:wrap}footer nav{display:flex;gap:22px;font-size:14px;letter-spacing:0}footer nav a{padding:12px 0}.info-page{max-width:1120px}.info-page article{max-width:760px;padding:20px 0 30px}.info-page h1{font:800 clamp(2.8rem,6vw,4.5rem)/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 30px}.info-page h2{font:700 1.8rem/1.15 'Barlow Condensed',Impact,sans-serif;margin:32px 0 12px}.info-page p,.info-page li{font-size:16px;line-height:1.75}.info-page li{margin-bottom:12px}.info-page code{overflow-wrap:anywhere}.launch-motto{border:2px solid var(--ink);background:var(--acid);padding:24px;font-weight:700}.return-link{display:inline-block;min-height:44px;padding:10px 0;font-weight:600}.notice{padding:18px;border:1px solid var(--ink);line-height:1.6}@media(max-width:600px){footer nav{order:3;width:100%;justify-content:space-between}.app-tools{gap:12px}.info-page .intro{line-height:1.6}.info-page article{padding-top:10px}.info-page ol{padding-left:22px}}
