:root{--ink:#14151b;--ink2:#1f2028;--paper:#f0eadc;--paper2:#e6dfcd;--green:#a8d92c;--green-dark:#7fae14;--pink:#ff3fa4;--red:#ff3347;--red-dark:#c81f30;--yellow:#ffd84d;--grey:#7b8490}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--pink);color:var(--ink)}body{background:var(--ink);color:var(--paper);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:56px 20px;font-family:IBM Plex Mono,monospace;display:flex;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.06;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"200\" height=\"200\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"2\"/></filter><rect width=\"200\" height=\"200\" filter=\"url(%23n)\" opacity=\"0.9\"/></svg>");position:fixed;inset:0}body.shake{animation:.45s linear bodyshake}@keyframes bodyshake{0%,to{transform:translate(0)}10%{transform:translate(-8px,4px)rotate(-.4deg)}30%{transform:translate(7px,-5px)rotate(.4deg)}50%{transform:translate(-6px,3px)}70%{transform:translate(5px,-3px)rotate(-.3deg)}90%{transform:translate(-3px,2px)}}.top-head{z-index:2;width:96px;margin-bottom:26px;position:relative}.top-head svg{filter:drop-shadow(6px 8px #00000073);transform-origin:55% 60%;width:100%;height:auto;animation:5.5s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(6deg)}50%{transform:rotate(-5deg)translateY(-6px)}}.case{background:var(--paper);width:100%;max-width:560px;color:var(--ink);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--red),12px 12px 0 3px var(--ink);position:relative;transform:rotate(-.6deg)}.case:before{content:"";background:var(--yellow);opacity:.9;border:2px solid #00000040;width:130px;height:28px;position:absolute;top:-15px;left:50%;transform:translate(-50%)rotate(-2deg)}.case-head{border-bottom:3px solid var(--ink);background:var(--paper2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 26px;display:flex}.case-head .t{text-transform:uppercase;font-family:Archivo Black,sans-serif;font-size:clamp(19px,4.4vw,26px);line-height:1.05}.case-head .t small{letter-spacing:.14em;color:var(--red-dark);margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:block}.count{color:#6d6353;text-align:right;font-size:11px}.count b{color:var(--red-dark);letter-spacing:.05em;font-family:Archivo Black,sans-serif;font-size:17px;display:block}form{padding:26px 26px 30px}.field{margin-bottom:24px;position:relative}.field label{text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-family:Archivo Black,sans-serif;font-size:14px;display:block}.field .hint{color:#6d6353;margin-bottom:10px;font-size:11.5px;font-style:italic}.field input[type=text]{border:3px solid var(--ink);width:100%;color:var(--ink);background:#fff;outline:none;padding:13px 15px;font-family:IBM Plex Mono,monospace;font-size:15px;transition:box-shadow .12s,transform .12s}.field input:focus{box-shadow:5px 5px 0 var(--green);transform:translate(-2px,-2px)}.field .err{color:var(--red-dark);text-transform:uppercase;letter-spacing:.04em;margin-top:8px;font-size:12px;font-weight:700;display:none}.field.bad input{border-color:var(--red);box-shadow:5px 5px 0 var(--red);animation:.3s fieldshake}.field.bad .err{display:block}@keyframes fieldshake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.at-wrap{position:relative}.at-wrap .at{background:var(--ink);width:46px;color:var(--green);justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;left:0}.at-wrap input{padding-left:60px!important}.gate{border:3px solid var(--ink);background:var(--ink);color:var(--paper);flex-wrap:wrap;align-items:center;gap:14px;padding:18px;display:flex}.gate .mini{flex:none;width:48px;animation:4s ease-in-out infinite wobble}.gate .g-copy{flex:1;min-width:160px}.gate .g-copy b{text-transform:uppercase;font-family:Archivo Black,sans-serif;font-size:14px;display:block}.gate .g-copy span{color:var(--grey);font-size:11px}.btn{text-transform:uppercase;letter-spacing:.04em;color:var(--ink);background:var(--green);border:3px solid var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--pink);padding:12px 18px;font-family:Archivo Black,sans-serif;font-size:13px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn:hover{box-shadow:7px 7px 0 var(--pink);transform:translate(-2px,-2px)rotate(-1deg)}.btn:active{box-shadow:1px 1px 0 var(--pink);transform:translate(3px,3px)}.btn.red{background:var(--red);color:var(--paper);box-shadow:5px 5px 0 var(--green)}.btn.red:hover{box-shadow:8px 8px 0 var(--green)}.gate.done{border-color:var(--green)}.gate.done .btn{background:var(--ink2);color:var(--green);box-shadow:none;border-color:var(--green);cursor:default;pointer-events:none}.gate .check{color:var(--green);width:100%;font-size:12px;font-weight:700;display:none}.gate.done .check{display:block}.gate .err{color:var(--red);text-transform:uppercase;width:100%;margin-top:6px;font-size:12px;font-weight:700;display:none}.gate.bad{border-color:var(--red);animation:.3s fieldshake}.gate.bad .err{display:block}.crimes{border-top:2px dashed var(--ink);margin-top:28px;padding-top:20px}.crimes-title{text-transform:uppercase;margin-bottom:16px;font-family:Archivo Black,sans-serif;font-size:13px}.crimes-title em{color:#6d6353;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.crimes .field label{font-size:12.5px}.submit-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:10px;display:flex}.submit-row .btn{padding:17px 28px;font-size:17px}.submit-row .subnote{color:#6d6353;font-size:11.5px;font-style:italic}.case.closed form{filter:grayscale(.6);opacity:.45;pointer-events:none}.closed-stamp{z-index:5;color:var(--red);border:8px solid var(--red);text-transform:uppercase;background:#f0eadcd9;border-radius:12px;padding:8px 30px;font-family:Archivo Black,sans-serif;font-size:clamp(38px,8vw,72px);display:none;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.case.closed .closed-stamp{display:block}footer{color:var(--grey);text-align:center;margin-top:30px;font-size:12px}footer a{color:var(--green);border-bottom:2px solid var(--pink);text-decoration:none}footer a:hover{color:var(--pink)}.overlay{z-index:1000;background:#0e0f14f0;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.show{display:flex}.proc-log{color:var(--green);width:100%;max-width:460px;font-size:15px;line-height:2.4}.proc-log div{opacity:0;transition:all .25s;transform:translateY(6px)}.proc-log div.on{opacity:1;transform:none}.proc-log .bad{color:var(--red)}.proc-log .dim{color:var(--grey)}.success-inner{text-align:center;z-index:2;max-width:640px;position:relative}.big-stamp{color:var(--red);text-transform:uppercase;border:10px solid var(--red);opacity:0;border-radius:14px;padding:14px 40px;font-family:Archivo Black,sans-serif;font-size:clamp(44px,9vw,96px);display:inline-block;transform:rotate(-11deg)scale(4)}.overlay.show .big-stamp.slam{animation:.5s cubic-bezier(.2,2.5,.4,.9) forwards slam}@keyframes slam{to{opacity:1;transform:rotate(-11deg)scale(1)}}.case-no{color:var(--paper);letter-spacing:.06em;margin-top:30px;font-size:15px}.case-no b{color:var(--green);font-family:Archivo Black,sans-serif;font-size:22px}.success-lines{color:var(--grey);margin-top:20px;font-size:14px;line-height:2}.success-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:34px;display:flex}.success-cta .btn{padding:15px 24px;font-size:15px}.success-cta .ghost{color:var(--grey);cursor:pointer;background:0 0;border:none;font-family:IBM Plex Mono,monospace;font-size:12px;text-decoration:underline}.fall{z-index:1;pointer-events:none;animation:linear forwards fall;position:fixed;top:-80px}@keyframes fall{to{transform:translateY(115vh)rotate(360deg)}}.top-head{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.top-head.bonked svg{animation:none;transform:rotate(16deg)scaleY(.74)scaleX(1.12)}.ach{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--pink);z-index:1300;white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:700;display:none;position:fixed;top:16px;left:50%;transform:translate(-50%)rotate(-2deg)}.ach.on{animation:.25s achpop;display:block}@keyframes achpop{0%{opacity:0;transform:translate(-50%)scale(.5)rotate(-2deg)}}.meter{border-bottom:3px solid var(--ink);background:var(--paper);padding:14px 26px 16px}.m-row{text-transform:uppercase;letter-spacing:.06em;color:#6d6353;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.m-row b{color:var(--red-dark);font-size:13px}.bar{border:2px solid var(--ink);background:#fff;height:12px;overflow:hidden}.fill{background:repeating-linear-gradient(45deg,var(--red) 0 6px,var(--red-dark) 6px 12px);width:45%;height:100%;transition:width 1.2s}.verdict{color:#5c7a10;margin-top:8px;font-size:12px;font-weight:700;display:none}.verdict.on{display:block}.btn.dodge{transform:translate(84px,-8px)rotate(6deg)!important}.card-prev{margin-top:26px}.card-prev img{border:3px solid var(--paper);max-width:min(360px,82vw);transform:rotate(-2deg);box-shadow:8px 8px #00000073}footer .wp{cursor:pointer;border-bottom:2px dashed var(--grey)}footer .wp:hover{color:var(--paper)}.overlay{overflow-y:auto}.success-inner{margin:auto}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important}}
