:root{--ps-red: #e1251b;--ps-red-dark: #b31309;--ink: #141019;--ink-soft: #2a2430;--paper: #f5f1e8;--paper-2: #ece6d8;--paper-line: #ddd4c2;--white: #ffffff;--accent-yellow: #ffd23f;--good: #16a34a;--bad: #dc2626;--panel-border: 3px solid var(--ink);--panel-shadow: 6px 6px 0 var(--ink);--radius: 14px;--font-display: "Bangers", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--maxw: 460px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--paper-line) 1px,transparent 1.3px);background-size:14px 14px;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center}.app-frame{width:100%;max-width:var(--maxw);min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(env(safe-area-inset-bottom) + 16px);display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-display);letter-spacing:1px;line-height:.98;margin:0;font-weight:400}.display{font-family:var(--font-display);letter-spacing:1px;line-height:.95}.title-xl{font-size:clamp(42px,13vw,64px)}.title-lg{font-size:clamp(32px,9vw,46px)}.red{color:var(--ps-red)}.outline-text{color:var(--white);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--ink)}.panel{background:var(--white);border:var(--panel-border);border-radius:var(--radius);box-shadow:var(--panel-shadow);padding:18px;position:relative}.panel.ink{background:var(--ink);color:var(--paper)}.panel.red{background:var(--ps-red);color:var(--white);border-color:var(--ink)}.halftone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:radial-gradient(rgba(0,0,0,.18) 1.4px,transparent 1.6px);background-size:9px 9px;opacity:.35;pointer-events:none}.bubble{position:relative;background:var(--white);border:var(--panel-border);border-radius:18px;padding:14px 16px;box-shadow:var(--panel-shadow);font-weight:600;color:var(--ink)}.bubble:after{content:"";position:absolute;left:32px;bottom:-16px;width:0;height:0;border:10px solid transparent;border-top-color:var(--ink)}.bubble:before{content:"";position:absolute;left:34px;bottom:-10px;width:0;height:0;border:7px solid transparent;border-top-color:var(--white);z-index:1}.input{width:100%;font-family:var(--font-body);font-weight:600;font-size:16px;color:var(--ink);background:var(--white);border:var(--panel-border);border-radius:12px;padding:13px 14px;box-shadow:4px 4px 0 var(--ink)}.input::placeholder{color:#9a9284}.input:focus{outline:none;border-color:var(--ps-red)}.btn{font-family:var(--font-display);letter-spacing:1px;font-size:22px;border:var(--panel-border);border-radius:12px;background:var(--accent-yellow);color:var(--ink);padding:14px 20px;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease;width:100%;text-align:center;-webkit-user-select:none;user-select:none}.btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.btn.red{background:var(--ps-red);color:var(--white)}.btn.ink{background:var(--ink);color:var(--paper)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:5px 5px 0 var(--ink);transform:none}.btn-ghost{font-family:var(--font-body);font-weight:700;background:transparent;border:2px solid var(--ink);box-shadow:none;font-size:15px;letter-spacing:0;color:var(--ink);padding:10px 16px;border-radius:10px;cursor:pointer;width:auto}.speedlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 45%,rgba(20,16,25,.045) 0deg 2deg,transparent 2deg 6deg);mask-image:radial-gradient(circle at 50% 45%,transparent 30%,black 72%);-webkit-mask-image:radial-gradient(circle at 50% 45%,transparent 30%,black 72%)}.stack{display:flex;flex-direction:column;gap:14px}.center{display:flex;align-items:center;justify-content:center}.spread{display:flex;align-items:center;justify-content:space-between}.grow{flex:1}.muted{color:var(--ink-soft);opacity:.8}.small{font-size:13px}.badge{display:inline-block;font-family:var(--font-body);font-weight:800;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:2px solid var(--ink);background:var(--paper-2)}.kicker{font-family:var(--font-display);letter-spacing:2px;color:var(--ps-red);font-size:18px}.ps-wordmark{font-family:var(--font-body);font-weight:800;letter-spacing:.5px;font-size:13px;text-transform:lowercase}@keyframes pop-in{0%{transform:scale(.6) rotate(-6deg);opacity:0}70%{transform:scale(1.08) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.pop-in{animation:pop-in .35s cubic-bezier(.2,1.4,.4,1) both}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.shake{animation:shake .3s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.speedlines{display:none}}