*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f4f1e8;color:#20211c;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e24d32;outline-offset:5px}header{height:96px;display:flex;align-items:center;gap:24px;border-bottom:2px solid #20211c;margin:0 5%;}.wordmark{font-family:Arial Black,Arial,sans-serif;font-weight:900;font-size:31px;letter-spacing:-2px}.wordmark>span{font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin-top:8px;margin-left:4px}header>p{font:10px monospace;color:#717168}header nav{margin-left:auto;display:flex;gap:32px;font:11px monospace}header nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:65px 6% 80px;max-width:1600px;margin:auto;overflow:hidden}.eyebrow{font:11px 'Courier New',monospace;letter-spacing:1px;margin:0 0 22px;display:flex;align-items:center;gap:9px}.empty-check{width:12px;height:12px;border:1px solid #20211c;display:inline-block}h1{font-family:Arial Black,Arial,sans-serif;font-weight:900;font-size:clamp(80px,9.8vw,154px);letter-spacing:-8px;line-height:.89;margin:30px 0}.gonna{color:#e54b31}.period{color:#e54b31}.lead{font-size:17px;line-height:1.65;letter-spacing:-.2px;margin:27px 0}.button{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#20211c;color:#f4f1e8;border:2px solid #20211c;padding:17px 20px;font-size:13px;font-weight:600;min-width:240px;width:max-content;box-shadow:4px 4px 0 #aaa79a}.button span{font-size:22px;line-height:1}.button:hover{background:#e54b31;color:#fff;box-shadow:2px 2px 0 #20211c;transform:translate(2px,2px)}.small-copy{font:10px/1.7 monospace;color:#77776d;margin-top:17px}.hero-visual{position:relative;align-self:center;padding-top:50px;margin-top:25px}.browser-joke{position:relative;transform:rotate(-3deg);border:2px solid #20211c;background:#f7f5ee;box-shadow:11px 11px 0 #d3cec0}.window-bar{height:42px;background:#dedbd0;border-bottom:2px solid #20211c;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;font:10px monospace}.window-bar>span:first-child{letter-spacing:3px;font-size:8px}.window-bar>b{font-weight:400}.window-bar>span:last-child{font-size:19px}.tabs{display:flex;border-bottom:1px solid #bcbab0;height:34px;background:#e9e6dc;font:9px monospace}.tabs span{border-right:1px solid #bcbab0;padding:11px 12px}.tabs span:first-child{background:#f7f5ee}.chart-top{display:flex;flex-direction:column;gap:7px;padding:22px 18px 10px;font:10px monospace}.chart-top small{font-size:7px;color:#86877c}.chart{display:block;width:100%;padding:0 15px}.window-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #bcbab0;padding:16px;font:9px monospace}.window-bottom b{font-size:20px;margin-left:7px}.postit{position:absolute;top:-27px;left:0;background:#f0d976;padding:20px 25px 17px;font:italic 24px/1.15 Georgia,serif;transform:rotate(-9deg);z-index:2;box-shadow:2px 4px 0 #0001}.postit:before{content:'';position:absolute;left:54px;top:-9px;width:65px;height:20px;background:#ddd9bcaa;transform:rotate(6deg)}.postit span{display:block;font:9px monospace;margin-top:15px}.sticker{position:absolute;right:-10px;bottom:-43px;width:145px;height:145px;border-radius:50%;border:2px solid #20211c;background:#e64d32;color:#201e18;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Arial Black,Arial,sans-serif;font-size:18px;font-weight:900;line-height:1.2;transform:rotate(12deg);box-shadow:4px 4px 0 #20211c}.sticker s{font-size:14px}.visual-note{font:italic 19px Georgia,serif;margin:35px 140px 0 10px;transform:rotate(-3deg)}.marquee{display:flex;gap:38px;align-items:center;white-space:nowrap;overflow:hidden;background:#e64d32;padding:16px 0;border-top:2px solid;border-bottom:2px solid;font-weight:800;font-size:17px}.marquee i{font-style:normal}.section{padding:75px 6%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:38px}.section-heading h2{font-size:clamp(35px,4vw,56px);letter-spacing:-2px;line-height:1.06;margin:0;font-weight:800}.section-heading>p{font-size:13px;line-height:1.7;max-width:330px;color:#686a5f}.section-heading>p>small{font:9px monospace;display:block;margin-top:14px}.table-head,.runner-row{display:grid;grid-template-columns:1.15fr .8fr .8fr 1.5fr;gap:20px;align-items:center}.table-head{border-top:2px solid #20211c;border-bottom:1px solid #20211c;padding:15px 0;font:9px monospace}.runner-row{padding:24px 0;border-bottom:1px solid #b9b9ac;transition:background .15s}.runner-row:hover{background:#e9e5d8}.runner-row b{font-size:16px;letter-spacing:-.5px}.runner-row small{display:block;font:9px monospace;color:#78796e;margin-top:6px}.runner-row>span{font:13px monospace}.runner-row .gain{font-size:21px;font-weight:700;color:#316740}.runner-row .excuse-line{font-size:11px;line-height:1.5}.data-note{font:10px/1.8 monospace;color:#77796e;max-width:870px;margin-top:20px}.generator{border-top:1px solid #b9b9ac}.generator-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}form label{display:block;font:11px monospace;margin:24px 0 10px}form label:first-child{margin-top:0}input,select{width:100%;padding:15px;border:1px solid #71766a;background:#faf8f0;color:#20211c;border-radius:0;font-size:14px}select{cursor:pointer}.generator-buttons{margin-top:28px}.shuffle{display:block;border:0;background:none;font:11px monospace;padding:18px 0 5px;text-decoration:underline;text-underline-offset:4px}.card-wrap{transform:rotate(2deg);max-width:470px;width:100%;margin:auto}#meme-card{width:100%;height:auto;display:block;border:2px solid #20211c;box-shadow:8px 8px 0 #d3cec0}.preview-caption{font:8px monospace;display:block;margin-top:18px;text-align:center;letter-spacing:1px}.last-word{background:#e3dfd2;padding:55px 6%;text-align:center;border-top:1px solid #aaa99c;border-bottom:1px solid #aaa99c}.last-word p{font:10px monospace;letter-spacing:1px}.last-word h2{font-size:clamp(32px,4vw,50px);line-height:1.15;letter-spacing:-2px;margin:20px 0}.last-word>span{font:11px monospace;color:#6d7062}footer{padding:32px 5%;display:flex;gap:35px;align-items:center;justify-content:space-between}footer p{font:9px/1.8 monospace;color:#74776a;max-width:630px}footer>a:last-child{font:10px monospace}.download-status{position:fixed;bottom:20px;right:20px;background:#20211c;color:#f4f1e8;font:12px monospace;padding:15px 20px;margin:0;z-index:10}.download-status:empty{display:none}@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:110px}}@media(max-width:900px){header>p{display:none}.hero{gap:3%;padding-top:50px}h1{letter-spacing:-5px}.postit{font-size:19px;padding:16px}.sticker{width:115px;height:115px;font-size:14px}.sticker s{font-size:12px}.visual-note{font-size:15px}.window-bar{font-size:8px;padding:0 9px}.table-head,.runner-row{grid-template-columns:1fr .7fr .65fr 1.1fr;gap:12px}.runner-row .gain{font-size:17px}.generator-grid{gap:7%}}@media(max-width:650px){header{height:76px;margin:0 6%}.wordmark{font-size:27px}header nav{gap:16px;font-size:9px}header nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:38px 7% 62px;gap:80px}.eyebrow{font-size:9px;letter-spacing:.8px}h1{font-size:clamp(85px,21vw,130px);letter-spacing:-6px;margin:26px 0}.lead{font-size:15px;margin:25px 0}.button{padding:15px 17px;font-size:12px;min-width:240px}.hero-visual{width:94%;margin:0 auto;padding-top:45px}.postit{left:0;top:-30px;font-size:20px}.sticker{right:-13px;bottom:-27px;width:116px;height:116px;font-size:15px}.visual-note{font-size:14px;margin-top:24px;margin-right:110px}.window-bar{font-size:9px}.marquee{font-size:13px;gap:25px;padding:13px 0}.section{padding:49px 7%}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:37px;letter-spacing:-1.5px}.section-heading>p{margin-top:22px;font-size:12px}.table-head,.runner-row{grid-template-columns:1.1fr .8fr .7fr;gap:9px}.table-head{font-size:8px;line-height:1.4}.table-head>span:last-child{display:none}.runner-row{padding:19px 0}.runner-row .excuse-line{grid-column:1/-1;font-size:10px;padding-top:3px;color:#6c6d60}.runner-row b{font-size:13px}.runner-row small{font-size:8px;line-height:1.5}.runner-row>span{font-size:11px}.runner-row .gain{font-size:17px}.data-note{font-size:9px}.generator-grid{grid-template-columns:1fr;gap:40px}.card-wrap{max-width:380px}.last-word{padding:35px 7%}.last-word h2{font-size:35px}footer{padding:25px 7%;flex-wrap:wrap;gap:13px}footer p{order:2;font-size:8px}footer>a:last-child{margin-left:auto;font-size:9px}.download-status{left:20px;right:20px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Put the working card maker first, with the original illustration below. */
header{height:72px;border-bottom:0}.maker-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 6%;background:#e54b31;border-top:2px solid #20211c;border-bottom:2px solid #20211c}.maker-banner .eyebrow{font-size:9px;margin:0 0 12px}.maker-banner h1{font-size:clamp(36px,5.3vw,80px);letter-spacing:-3px;line-height:1;margin:0}.maker-banner h1 span{color:#f4f1e8}.maker-banner>p{font:11px/1.8 monospace;margin:0;max-width:255px}.generator.section{padding-top:27px;padding-bottom:40px;border:0;max-width:1280px}.maker-heading{align-items:center;margin-bottom:22px}.maker-heading h2{font-size:25px;letter-spacing:-.8px}.maker-heading>p{font:10px monospace;margin:0}.generator-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}.generator form{max-width:470px;padding-top:6px}.generator form label{margin:18px 0 8px}.generator form label:first-child{margin-top:0}.generator input,.generator select{padding:13px}.generator-buttons{margin-top:22px}.generator .button{width:100%}.generator .shuffle{padding-top:15px}.generator .small-copy{margin-top:12px}.card-wrap{max-width:365px;transform:rotate(1deg)}.preview-caption{margin-top:13px;font-size:8px}.backstory{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:90px;padding-bottom:90px}.backstory h2{font-size:clamp(30px,3.6vw,50px);line-height:1.1;letter-spacing:-2px;margin:0}.backstory .lead{font-size:15px}.backstory .hero-visual{max-width:520px;width:100%;margin:30px auto 15px}.back-to-maker{display:inline-block;font:12px monospace;text-decoration:underline;text-underline-offset:5px}.missed{border-top:1px solid #b9b9ac}@media(max-width:900px){.maker-banner{gap:20px}.maker-banner>p{font-size:9px}.generator-grid{gap:7%}.card-wrap{max-width:330px}}@media(max-width:650px){header{height:61px}.maker-banner{display:block;padding:19px 7% 18px}.maker-banner .eyebrow{font-size:7px;letter-spacing:.8px;margin-bottom:10px}.maker-banner h1{font-size:clamp(32px,8.5vw,53px);letter-spacing:-1.8px;white-space:nowrap}.maker-banner>p{font:9px/1.6 monospace;margin-top:12px;max-width:none}.maker-banner>p br{display:none}.generator.section{padding:22px 7% 35px}.maker-heading{margin-bottom:21px}.maker-heading h2{font-size:24px;letter-spacing:-.8px}.maker-heading>p{font-size:9px;margin-top:9px}.generator-grid{grid-template-columns:1fr;gap:28px}.generator form{max-width:none;padding-top:0}.generator form label{font-size:10px;margin-top:15px}.generator input,.generator select{padding:12px;font-size:14px}.generator-buttons{margin-top:20px}.generator .small-copy{font-size:8px}.card-wrap{max-width:350px}.backstory{grid-template-columns:1fr;gap:50px;padding-top:44px;padding-bottom:60px}.backstory h2{font-size:34px;letter-spacing:-1px}.backstory .lead{font-size:14px}.backstory .hero-visual{width:94%;margin-top:30px}.preview-caption{font-size:7px}}
[hidden]{display:none!important}textarea{font:inherit;color:#20211c;width:100%;padding:13px;border:1px solid #71766a;background:#faf8f0;border-radius:0;font-size:14px;line-height:1.5;resize:vertical;min-height:86px;max-height:240px}textarea:focus-visible{outline:3px solid #e24d32;outline-offset:5px}.reason-meta{display:flex;justify-content:space-between;gap:15px;font:9px/1.5 monospace;color:#77776d;margin-top:8px}.reason-meta span:last-child{white-space:nowrap}.view-tabs{display:flex;gap:30px;max-width:1280px;padding:0 6%;margin:0 auto;border-bottom:1px solid #b9b9ac}.view-tabs button{border:0;border-bottom:3px solid transparent;padding:19px 0 15px;background:none;color:#6e7164;font:12px monospace}.view-tabs button[aria-selected=true]{color:#20211c;border-bottom-color:#e54b31;font-weight:bold}.post-row{border-top:1px dashed #b9b9ac;margin-top:20px;padding-top:17px;display:flex;align-items:center;gap:16px}.post-button{background:#f4f1e8;border:1px solid #20211c;padding:12px 15px;white-space:nowrap;font-size:12px;font-weight:600}.post-button:hover{background:#e5e0d2}.post-row>p{font:9px/1.5 monospace;color:#686a5f;margin:0}.post-button:disabled,button:disabled{opacity:.5;cursor:default}#post-status{font:11px/1.7 monospace;color:#316740;margin:10px 0 0}#post-status:empty{display:none}.wall.section{max-width:1280px;padding-top:27px;min-height:460px}.wall-intro{font:12px/1.7 monospace;color:#686a5f;margin:0 0 28px}#wall-refresh{background:none;border:0;font:11px monospace;text-decoration:underline;text-underline-offset:4px}.wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wall-card{display:flex;flex-direction:column;background:#faf8f0;border:1px solid #20211c;box-shadow:4px 4px 0 #d3cec0;text-align:left;padding:22px;min-height:235px;overflow:hidden}.wall-card:hover{border-color:#e54b31;box-shadow:4px 4px 0 #e54b31}.wall-card strong{font:700 15px monospace;color:#e54b31}.wall-card p{font-size:15px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;margin:20px 0;flex:1}.wall-card>span{font:10px monospace;color:#686a5f;overflow-wrap:anywhere}.wall-card small{font:10px monospace;margin-top:16px}.wall-empty{border:1px dashed #aaa99c;padding:45px 24px;text-align:center}.wall-empty h3{font-size:25px;margin:0 0 12px;letter-spacing:-.7px}.wall-empty>p{font:12px monospace;color:#77776d}.wall-empty .button{margin:25px auto 0;font-size:12px;min-width:0}.wall-pager{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:30px;font:11px monospace}.wall-pager button{background:none;border:1px solid #b9b9ac;padding:10px 15px;font:11px monospace}#wall-status{font:12px monospace;line-height:1.7}#wall-status:empty{display:none}#excuse-detail{width:min(540px,calc(100% - 32px));max-height:85svh;overflow:auto;border:2px solid #20211c;padding:32px;background:#f4f1e8;color:#20211c;box-shadow:8px 8px 0 #20211c33}#excuse-detail::backdrop{background:#20211c99}#detail-close{position:absolute;top:9px;right:15px;background:none;border:0;font-size:29px}#excuse-detail h2{font:900 29px Arial;margin:20px 0;color:#e54b31;overflow-wrap:anywhere}#detail-reason{font:22px/1.6 Arial;margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere}#detail-author{font:11px monospace;color:#686a5f;overflow-wrap:anywhere}#use-excuse{margin-top:27px;font-size:12px}.generator .card-wrap{position:sticky;top:24px}@media(max-width:900px){.wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-row{display:block}.post-row p{margin-top:10px}}@media(max-width:650px){header nav a:first-child{display:block}header nav{gap:12px;font-size:8px}.view-tabs{padding:0 7%;gap:22px}.view-tabs button{font-size:10px;padding-top:16px}.reason-meta{font-size:8px}.post-row{display:flex;gap:12px}.post-row p{margin:0;font-size:8px}.post-button{padding:11px;font-size:11px}.wall.section{padding:25px 7% 40px}.wall-grid{grid-template-columns:1fr;gap:18px}.wall-card{min-height:180px;padding:20px}.wall-card p{font-size:15px}.wall .maker-heading{display:flex;gap:15px}.wall .maker-heading h2{font-size:24px}.wall-intro{font-size:11px}.generator .card-wrap{position:static}#excuse-detail{padding:26px}#detail-reason{font-size:19px}}
/* Highlight the community wall in both navigation locations. */
#tab-wall,header nav a[href="#wall"]{color:#d71920;font-weight:800}
#tab-wall[aria-selected="true"]{border-bottom-color:#d71920}
 .ticker-help{font:9px/1.5 monospace;color:#686a5f;margin:8px 0 0}.wall-card strong{overflow-wrap:anywhere}

.contract-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 6%;max-width:1280px;margin:auto;border-bottom:1px solid #b9b9ac}.contract-strip>div{display:flex;align-items:center;gap:13px}.ca-label{font:900 20px Arial;letter-spacing:-.5px}.ca-caption{font:9px monospace;color:#686a5f;letter-spacing:.5px}.contract-strip>strong{font:800 19px Arial;color:#d71920}@media(max-width:650px){.contract-strip{padding:16px 7%;gap:12px}.ca-caption{font-size:8px}.contract-strip>strong{font-size:17px}}
/* Empty example text is visibly different from what a visitor enters. */
.generator input::placeholder,.generator textarea::placeholder{color:#777970;opacity:.6;font-style:italic;font-weight:400}
.generator form label[for="coin"],.generator form label[for="reason"]{font-size:17px;font-weight:700}
.generator-buttons .post-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:17px 20px;background:#d71920;color:#fff;border:2px solid #20211c;box-shadow:4px 4px 0 #20211c;font-size:16px;font-weight:800}
.generator-buttons .post-button:hover{background:#b61017}.generator-buttons .post-button:disabled{opacity:.55;cursor:default}
.generator-buttons #post-note{font:10px/1.5 monospace;color:#686a5f;margin:12px 0 0;max-width:none}
.secondary-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:17px}
.secondary-actions button{padding:8px 0;background:none;border:0;color:#20211c;font:10px monospace;text-decoration:underline;text-underline-offset:4px}
.secondary-actions .download-button{font-size:9px;color:#686a5f}
#view-submission{display:block;width:max-content;margin-top:10px;color:#d71920;font:700 13px monospace;text-decoration:underline;text-underline-offset:4px}#view-submission[hidden]{display:none}
/* The tired cursor stays beside the maker, and inside every downloaded card. */
.maker-banner>div:first-child{min-width:0}.maker-banner .banner-mascot{display:flex;align-items:center;gap:8px;flex:0 0 295px}.banner-mascot img{width:120px;height:120px;object-fit:contain;flex-shrink:0;transform:rotate(-5deg)}.banner-mascot p{font:11px/1.8 monospace;margin:0}.banner-mascot p span{display:block;font-size:9px;font-style:italic;margin-top:9px;color:#f4f1e8}@media(min-width:1101px){.maker-banner h1{font-size:clamp(40px,4.8vw,76px)}}@media(max-width:1100px) and (min-width:651px){.maker-banner .banner-mascot{flex-basis:170px;gap:0}.banner-mascot img{width:88px;height:88px}.banner-mascot p{font-size:8px}.maker-banner h1{font-size:clamp(32px,4.6vw,55px)}}@media(max-width:650px){.maker-banner .banner-mascot{flex-basis:auto;justify-content:space-between;flex-direction:row-reverse;gap:12px;margin-top:5px}.banner-mascot img{width:76px;height:76px}.banner-mascot p{font:9px/1.7 monospace}.banner-mascot p span{font-size:8px;margin-top:4px}.maker-banner{padding-bottom:10px}}
