: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}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{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{transform:translateY(-2px);box-shadow:0 6px 0 var(--thermal)}.hero-actions a: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}}
