:root{--ground: #f6f4ef;--ink: #2f3a45;--soft: #5d6b78;--accent-dark: #b8534a;--sky: #9ad0ec;--paper: #fffdf8;--thermal: #241f1c;color:var(--ink);background:var(--ground);font-family:"M PLUS Rounded 1c",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html{min-width:320px}body{margin:0;overflow-x:hidden;background-color:var(--ground);background-image:radial-gradient(circle at 12% 8%,rgb(154 208 236 / 42%),transparent 46%),radial-gradient(circle at 88% 4%,rgb(244 151 142 / 30%),transparent 40%),radial-gradient(circle at 78% 72%,rgb(184 224 200 / 34%),transparent 44%);background-attachment:fixed}body.disco-lights{background-color:#151126;background-image:radial-gradient(ellipse at 10% 18%,rgb(255 55 133 / 88%) 0 5%,transparent 25%),radial-gradient(ellipse at 84% 14%,rgb(49 224 255 / 82%) 0 6%,transparent 27%),radial-gradient(ellipse at 72% 78%,rgb(168 85 255 / 84%) 0 7%,transparent 29%),radial-gradient(ellipse at 18% 82%,rgb(255 211 61 / 78%) 0 5%,transparent 24%),conic-gradient(from 28deg at 50% 45%,#151126,#351450,#073d61,#50122d,#151126);background-size:135% 135%,145% 145%,150% 150%,130% 130%,100% 100%;animation:disco-lights 4.8s linear infinite}@keyframes disco-lights{0%{background-position:0% 0%,100% 0%,100% 100%,0% 100%,50% 50%}50%{background-position:100% 55%,0% 100%,20% 0%,100% 20%,50% 50%}to{background-position:0% 0%,100% 0%,100% 100%,0% 100%,50% 50%}}a{color:var(--accent-dark)}a:hover{color:var(--ink)}.page-shell{display:flex;flex-direction:column;align-items:center;padding:6px 20px 0;overflow:hidden}.site-header{align-self:stretch;z-index:2}.hack-club-mark{display:block;width:fit-content;margin:0 0 -30px -20px;line-height:0}.hack-club-mark img{display:block;width:clamp(150px,18vw,214px);height:auto}.hero{display:flex;flex-direction:column;align-items:center;width:100%}.terminal-wrap{width:min(540px,94vw);aspect-ratio:.76;margin-top:-6px}.terminal-wrap pos-terminal{width:100%;height:100%}h1{max-width:660px;margin:18px 0 0;font-family:Unkempt,cursive;font-size:clamp(28px,4.6vw,44px);font-weight:700;line-height:1.16;letter-spacing:-.6px;text-align:center;text-wrap:balance}.intro{max-width:470px;margin:16px 0 0;color:var(--soft);font-size:16px;font-weight:500;line-height:1.7;text-align:center;text-wrap:pretty}.intro a,.intro strong{color:var(--accent-dark);font-weight:700}.intro a{text-decoration-thickness:2px;text-underline-offset:3px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.hero-actions a,.paper-button{display:inline-flex;align-items:center;min-height:50px;padding:0 26px;border:2.5px solid var(--thermal);border-radius:11px;color:var(--thermal);font-family:Unkempt,system-ui,cursive;font-size:18px;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease}.hero-start{background:var(--paper);box-shadow:0 4px 0 var(--thermal)}.hero-submit{background:#f4978e;box-shadow:0 4px 0 var(--thermal)}.hero-actions a:hover,.paper-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--thermal)}.hero-actions a:active,.paper-button:active{transform:translateY(4px);box-shadow:0 0 0 var(--thermal)}@media(max-width:420px){.hero-actions{flex-direction:column;align-self:stretch;padding:0 18px}.hero-actions a{justify-content:center}}.gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(14px,4vw,46px);margin-top:clamp(44px,7vw,80px)}.receipt-preview{position:relative;margin:0}.receipt-preview-left{transform:rotate(-3deg)}.receipt-preview-center{margin-top:18px;transform:rotate(1.6deg)}.receipt-preview-right{transform:rotate(4deg)}.receipt-preview canvas{display:block;width:clamp(96px,20vw,148px);height:auto;background:var(--paper);box-shadow:0 10px 22px #2d3a4529}.tape{position:absolute;z-index:2;top:-11px;left:50%;width:64px;height:22px;margin-left:-32px;transform:rotate(2deg);opacity:.8;border-radius:4px;background:var(--sky)}.receipt-preview-center .tape{transform:rotate(-3deg)}.receipt-preview-right .tape{transform:rotate(1deg)}.info-receipt{position:relative;width:min(424px,92vw);margin-top:clamp(54px,9vw,104px);transform:rotate(-.6deg)}.tape-wide{top:-13px;width:104px;height:26px;margin-left:-52px}.receipt-paper{padding:30px clamp(20px,5vw,30px) 44px;color:var(--thermal);background:var(--paper);box-shadow:0 14px 34px #2d3a452e;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),95% 100%,90% calc(100% - 13px),85% 100%,80% calc(100% - 14px),75% 100%,70% calc(100% - 13px),65% 100%,60% calc(100% - 14px),55% 100%,50% calc(100% - 13px),45% 100%,40% calc(100% - 14px),35% 100%,30% calc(100% - 13px),25% 100%,20% calc(100% - 14px),15% 100%,10% calc(100% - 13px),5% 100%,0 calc(100% - 14px));font:13px/1.95 Courier Prime,monospace}.receipt-header{text-align:center}.receipt-header h2{margin:0;font-size:15px;letter-spacing:2px}.receipt-header p{margin:0;color:#4a413a;font-size:11.5px}.rule{margin:14px 0;border-top:1.5px dashed rgb(36 31 28 / 50%)}.receipt-paper h3{margin:0 0 6px;font-size:12px;letter-spacing:1.4px}code{font-family:Courier Prime,monospace;font-weight:700}.steps{margin:0;padding:0;list-style-position:inside}.steps li{margin-top:10px}.steps li::marker{font-weight:700}.steps p{display:inline;margin:0}.wide-art{display:block;width:100%;height:auto}.questions details{border-top:1px dotted rgb(36 31 28 / 40%)}.questions details:last-child{border-bottom:1px dotted rgb(36 31 28 / 40%)}.questions summary{display:flex;justify-content:space-between;gap:14px;padding:9px 0;cursor:pointer;font-weight:700;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"[+]"}.questions details[open] summary:after{content:"[−]"}.questions p{margin:0;padding-bottom:10px;color:#4a413a}.receipt-signoff{margin:18px 0 0;text-align:center}.barcode{margin:20px calc(clamp(20px,5vw,30px)*-1) 4px;color:var(--thermal)}.barcode svg{display:block;width:100%;height:auto}.site-footer{padding:clamp(48px,7vw,86px) 20px 28px;color:var(--soft);text-align:center}.site-footer p{max-width:520px;margin:0 auto;font-size:14px;font-weight:500;line-height:1.6;text-wrap:pretty}.site-footer p span{color:var(--accent-dark)}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;font:700 13px/1 Courier Prime,monospace}.site-footer nav a{color:inherit}.site-footer nav a:hover{color:var(--accent-dark)}@media(max-width:480px){.page-shell{padding-inline:12px}.hack-club-mark{margin-bottom:-14px}.gallery{flex-wrap:nowrap;gap:12px}}@media(prefers-reduced-motion:reduce){body.disco-lights{animation:none}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.submit-page{--line: #dcd7ce;--counter: #cfe2f3;--accent: #f4978e}.submit-mark{display:block;width:fit-content;padding:16px 0 0 18px;line-height:0}.submit-mark img{width:clamp(120px,14vw,158px);height:auto}.submit-stage{display:flex;justify-content:center;padding:clamp(10px,3vw,28px) 20px 60px}.submit-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:min(940px,100%);overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 22px 54px #2d3a4524}.showcase{display:flex;flex-direction:column;background:var(--counter)}.showcase-terminal{display:flex;flex:1 1 auto;align-items:stretch;justify-content:center;min-height:clamp(280px,32vw,340px);overflow:hidden}.showcase-terminal pos-terminal{flex:1 1 auto;width:100%}.showcase-line{flex:0 0 auto;margin:0;padding:clamp(16px,2.4vw,24px) clamp(22px,3vw,30px) clamp(20px,3vw,28px);color:#243642;font-family:Unkempt,system-ui,cursive;font-size:clamp(17px,2vw,21px);font-weight:700;line-height:1.25;text-wrap:balance}.submit-main{padding:clamp(26px,4vw,42px) clamp(22px,4vw,40px) clamp(28px,4vw,38px)}.submit-main h1{margin:0;font-family:Unkempt,system-ui,cursive;font-size:clamp(28px,3.6vw,38px);font-weight:700;line-height:1.08;letter-spacing:-.8px;text-align:left}.lede{margin:22px 0 0;color:var(--soft);font-size:15px;line-height:1.65;text-wrap:pretty}.notice{margin:22px 0 0;padding:12px 15px;border-radius:12px;background:#9ad0ec42;font-size:14px;font-weight:500;line-height:1.5}.notice[data-tone=bad]{background:#b8534a1a;color:var(--accent-dark);font-weight:700}.fields{display:flex;flex-direction:column;gap:22px;margin-top:clamp(22px,3vw,30px)}.field{display:flex;flex-direction:column;gap:8px}.field label,.field-title{font-size:15px;font-weight:700}.field small{color:var(--soft);font-size:14px;font-weight:500}.field input[type=url],.field textarea,.field select{width:100%;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:16px}.field input[type=url],.field select{min-height:52px;padding:0 16px}.field textarea{padding:14px 16px;line-height:1.6;resize:vertical}.field select{padding-right:44px;font-weight:500;cursor:pointer;appearance:none}.field input:hover,.field textarea:hover,.field select:hover{border-color:#c2bcb2}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink)}.field input::placeholder,.field textarea::placeholder{color:#9aa6af}.select-wrap{position:relative}.select-chevron{position:absolute;top:50%;right:18px;width:9px;height:9px;margin-top:-5px;border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);transform:rotate(45deg);pointer-events:none}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:32px 20px;border:1.5px dashed #c8c2b8;border-radius:12px;background:#fff;color:var(--ink);cursor:pointer;text-align:center;transition:background-color .12s ease,border-color .12s ease}.dropzone:hover{border-color:var(--ink);background:#faf8f4}.dropzone[data-state=over]{border-color:var(--ink);background:#f2f8fb}.dropzone[data-state=bad]{border-color:var(--accent-dark);background:#b8534a0f}.dropzone-arrow{color:var(--soft);font-size:22px;line-height:1}.dropzone-title{font-size:16px;font-weight:700}.dropzone-hint{color:var(--soft);font-size:14px;font-weight:500}.dropfile{display:flex;align-items:center;gap:18px;padding:16px;border:1.5px solid var(--line);border-radius:12px;background:#fff}.dropfile img{display:block;width:76px;max-height:150px;height:auto;border-radius:4px;background:#fff;box-shadow:0 4px 12px #2d3a4529;object-fit:cover;object-position:top;image-rendering:pixelated}.dropfile-meta{flex:1;min-width:0}.dropfile-name{font-size:15px;font-weight:700;overflow-wrap:anywhere}.dropfile-size{margin-top:2px;color:var(--soft);font-size:14px;font-weight:500}.link-button{margin-top:6px;padding:0;border:none;background:none;color:var(--accent-dark);font:inherit;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link-button:hover{color:var(--ink)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:clamp(26px,3vw,34px)}.chunky{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border:2.5px solid var(--ink);border-radius:12px;background:#fffdf8;color:var(--ink);font-family:Unkempt,system-ui,cursive;font-size:19px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.chunky-primary{background:var(--accent)}.chunky:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--ink)}.chunky:active{transform:translateY(4px);box-shadow:0 0 0 var(--ink)}.chunky:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 4px 0 var(--ink)}.submit-page button:focus-visible,.submit-page input:focus-visible,.submit-page select:focus-visible,.submit-page textarea:focus-visible,.submit-page a:focus-visible{outline:3px solid var(--sky);outline-offset:2px}@media(max-width:480px){.actions{flex-direction:column;align-items:stretch}}.bonus{display:grid;grid-template-columns:auto 1fr;align-items:stretch;width:min(470px,92vw);margin-top:clamp(48px,8vw,90px);overflow:hidden;border:2.5px solid var(--thermal);border-radius:16px;background:var(--paper);box-shadow:0 6px 0 var(--thermal),0 18px 34px #2d3a4524;transform:rotate(-1deg)}.bonus-art{display:flex;align-items:center;justify-content:center;padding:20px clamp(16px,3.5vw,22px);border-right:2.5px dashed var(--thermal);background:#9ad0ec57}.cat-printer{display:block;width:clamp(92px,20vw,116px);height:auto;max-height:150px;object-fit:contain}.bonus-copy{display:flex;flex-direction:column;gap:9px;padding:clamp(18px,4vw,24px) clamp(18px,4vw,24px)}.bonus-copy h2{align-self:flex-start;margin:0;padding:4px 11px;border:2px solid var(--thermal);border-radius:999px;background:#f4978e;color:var(--thermal);font:700 11px/1 Courier Prime,monospace;letter-spacing:2.2px}.bonus-copy p{margin:0;color:var(--thermal);font:13px/1.8 Courier Prime,monospace;text-wrap:pretty}@media(max-width:420px){.bonus{grid-template-columns:1fr;text-align:center}.bonus-art{border-right:0;border-bottom:2.5px dashed var(--thermal)}.bonus-copy{align-items:center}.bonus-copy h2{align-self:center}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.scroll-cue{position:fixed;z-index:4;bottom:20px;left:50%;display:block;color:var(--thermal);text-decoration:none;transform:translate(-50%);transition:opacity .26s ease,transform .26s ease}.scroll-cue-tab{display:grid;place-items:center;width:38px;height:38px;border:2.5px solid var(--thermal);border-radius:50%;background:var(--paper);box-shadow:0 3px 0 var(--thermal);animation:scroll-cue-bob 2s ease-in-out infinite}.scroll-cue-tab svg{width:19px;height:19px}.scroll-cue:hover .scroll-cue-tab{box-shadow:0 5px 0 var(--thermal);transform:translateY(-2px)}.scroll-cue:active .scroll-cue-tab{box-shadow:0 0 0 var(--thermal);transform:translateY(3px)}.scroll-cue:focus-visible{outline:3px solid var(--sky);outline-offset:6px;border-radius:12px}@keyframes scroll-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.scroll-cue[data-hidden]{opacity:0;pointer-events:none;transform:translate(-50%) translateY(10px)}@media(max-height:560px){.scroll-cue{display:none}}@media(prefers-reduced-motion:reduce){.scroll-cue-tab{animation:none}}.gallery-intro{display:flex;flex-direction:column;align-items:center;margin-top:clamp(48px,8vw,84px)}.gallery-intro code{color:var(--accent-dark)}.gallery-status{margin:48px 0 0;color:var(--soft);font:700 14px/1.6 Courier Prime,monospace;text-align:center}.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));align-items:start;gap:clamp(36px,5vw,56px) clamp(20px,3vw,36px);width:min(1120px,100%);margin:clamp(48px,7vw,76px) 0 0;padding:0;list-style:none}.wall-item{display:flex;flex-direction:column;align-items:center;scroll-margin-top:40px}.wall-art{position:relative;display:block;width:min(230px,100%);transform:rotate(var(--tilt, 0deg));transition:transform .14s ease}.wall-art:hover,.wall-art:focus-visible{transform:rotate(0) translateY(-4px)}.wall-item.is-linked .wall-art{outline:3px solid #f4978e;outline-offset:6px}.wall-art img,.wall-paper{display:block;width:100%;height:auto;background:var(--paper);box-shadow:0 10px 22px #2d3a4529;image-rendering:pixelated}.wall-paper{display:grid;place-items:center;aspect-ratio:384 / 700;padding:18px;color:var(--soft);font:700 13px/1.5 Courier Prime,monospace;text-align:center;overflow-wrap:anywhere;animation:wall-printing 1.2s ease-in-out infinite alternate}.wall-paper-error{color:var(--accent-dark);animation:none}@keyframes wall-printing{0%{opacity:.55}to{opacity:1}}.wall-caption{max-width:100%;margin:20px 0 0;color:var(--thermal);font-family:Unkempt,cursive;font-size:19px;overflow-wrap:anywhere;text-align:center}.wall-caption a{text-decoration-thickness:2px;text-underline-offset:3px}.wall-code{margin-top:4px;color:var(--soft);font:700 12px/1.4 Courier Prime,monospace}.render-frame{position:fixed;top:0;left:-10000px;width:400px;height:200px;border:0;visibility:hidden}.hero-gallery{margin-top:16px;color:var(--soft);font:700 14px/1.4 Courier Prime,monospace;text-underline-offset:3px}
