@import url('/impostor/tokens.css');
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header{max-width:1000px;margin:auto;padding:25px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}header a{display:block;width:172px;line-height:0;border-radius:6px}.brand-logo{display:block;width:100%;height:auto}main{max-width:760px;margin:auto;padding:35px 22px;min-height:70vh}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800}h1{font-size:clamp(58px,13vw,94px);letter-spacing:-5px;line-height:.94;margin:24px 0}h2{font-size:clamp(29px,7vw,45px);letter-spacing:-1.5px;line-height:1.05;margin:18px 0}h3{font-size:20px}p{line-height:1.6}.lead{font-size:19px;max-width:470px}.hero{text-align:center}.hero .lead{margin:20px auto}.mascot{width:165px;height:130px;background:var(--orange);border:3px solid var(--ink);border-radius:65px 65px 40px 40px;margin:24px auto;position:relative;transform:rotate(-7deg);box-shadow:7px 7px 0 var(--ink)}.mascot:before{content:'••';letter-spacing:20px;position:absolute;background:var(--ink);color:var(--cream);border-radius:30px;padding:0 7px 5px 24px;top:38px;left:21px;font-size:42px;line-height:1}.mascot:after{content:'?';position:absolute;right:-25px;top:-20px;font-weight:900;font-size:65px;color:var(--ink);transform:rotate(20deg)}.card{background:#fffaf0;border:2px solid var(--ink);border-radius:22px;padding:24px;margin:24px 0;box-shadow:5px 5px 0 var(--ink)}.card.yellow{background:var(--mustard)}.card.orange{background:var(--orange)}.card.dark{background:var(--ink);color:var(--cream)}button,.button{border:2px solid var(--ink);border-radius:12px;padding:16px 20px;background:var(--orange);color:var(--ink);font:800 14px Arial;cursor:pointer;text-decoration:none;display:inline-block;min-height:48px;box-shadow:3px 3px 0 var(--ink)}button:hover{transform:translateY(-2px)}button:active{transform:translate(2px,2px);box-shadow:none}button.secondary{background:var(--cream)}button.quiet{box-shadow:none;background:transparent}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.actions>*{flex:1}.hero .actions{max-width:500px;margin:28px auto}label{display:block;font-size:14px;font-weight:700;margin:15px 0 8px}input,select{width:100%;padding:14px;border:2px solid var(--ink);border-radius:10px;font:16px Arial;background:#fffdf7;color:var(--ink)}input[type=checkbox]{width:20px;height:20px;margin:0 8px 0 0;vertical-align:middle;accent-color:var(--orange)}fieldset{border:0;padding:0;margin:20px 0}legend{font-weight:700}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.categories{display:grid;grid-template-columns:1fr 1fr}.categories label{font-weight:400}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #241c1725}.row:last-child{border:0}.dot{width:8px;height:8px;background:#2d7b4d;border-radius:50%;display:inline-block;margin-right:8px}.dot.off{background:#aaa091}.muted{color:#6f6357;font-size:13px}.code{font-size:44px;letter-spacing:7px;margin:10px 0;font-weight:900}.qr{display:block;margin:14px auto;width:176px;height:176px}.secret{text-align:center;min-height:180px;display:grid;place-content:center}.secret strong{font-size:32px;overflow-wrap:anywhere}.progress{display:flex;gap:5px;margin:14px 0}.progress i{height:8px;flex:1;border-radius:6px;background:#241c1720}.progress i.on{background:var(--orange)}.vote{display:block;text-align:left;width:100%;margin:12px 0;background:#fffaf0}.vote.selected{background:var(--mustard);outline:3px solid var(--orange)}.rank:nth-child(1){font-size:21px;font-weight:800}.rank:nth-child(-n+3) .place{background:var(--mustard)}.place{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid;border-radius:50%;margin-right:10px}.celebrate{animation:pop .35s ease-out}summary{cursor:pointer;font-weight:700;padding:12px 0}footer{text-align:center;padding:30px 22px;font-size:12px;line-height:1.8;color:#6f6357}footer a{color:inherit}#error:empty{display:none}#error{position:fixed;bottom:15px;left:15px;right:15px;margin:auto;max-width:600px;background:var(--ink);color:white;border-radius:12px;padding:18px;z-index:20}:focus-visible{outline:3px solid #326ac7;outline-offset:4px}@keyframes pop{from{transform:scale(.97);opacity:.5}to{transform:scale(1);opacity:1}}@media(max-width:450px){.card{padding:20px}.actions{flex-direction:column}.grid{gap:10px}h1{letter-spacing:-3px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){header{padding:18px 22px}header a{width:142px}}

