:root{--ink:#17120c;--muted:#6f6255;--paper:#fff7e6;--panel:#fff;--line:#251b12;--red:#d52924;--yellow:#ffd23f;--blue:#2563eb;--green:#16a34a;--shadow:0 8px 0 #251b12;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input{font:inherit}button{border:3px solid var(--line);min-height:46px;color:var(--ink);box-shadow:0 4px 0 var(--line);cursor:pointer;background:#fff;border-radius:8px;font-weight:900}button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #2563eb59}.primary-button{background:var(--red);color:#fff}.app-shell{width:100%;min-height:100dvh}.brand{letter-spacing:0;text-align:center;text-shadow:4px 4px 0 var(--yellow), 7px 7px 0 var(--line);margin:0;font-size:clamp(2.4rem,12vw,5rem);font-weight:1000;line-height:.88}.tagline,.privacy,.form-message{color:var(--muted);margin:0;font-weight:700}.landing-screen,.result-screen{width:min(980px,100%);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));align-content:start;gap:18px;margin:0 auto;display:grid}.landing-header{justify-items:center;gap:12px;display:grid}.character-preview{width:min(330px,88vw);height:380px;margin:0 auto;animation:1.8s ease-in-out infinite idle-bob;position:relative}.preview-head{z-index:3;border:5px solid var(--line);background:#f2c18d;border-radius:48% 48% 44% 44%;place-items:center;width:160px;height:185px;display:grid;position:absolute;top:18px;left:50%;overflow:hidden;transform:translate(-50%)}.preview-real-head{z-index:3;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 5px #251b12bf);width:158px;height:194px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.preview-face{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:122px;height:150px}.placeholder-face{color:#17120c66;font-size:72px;font-weight:1000}.preview-head:before,.preview-head:after{content:"";background:var(--line);border-radius:999px;width:17px;height:17px;position:absolute;top:76px}.preview-head:before{left:42px}.preview-head:after{right:42px}.preview-neck{z-index:2;border:4px solid var(--line);background:#f2c18d;width:70px;height:60px;position:absolute;top:182px;left:50%;transform:translate(-50%)}.preview-body{border:5px solid var(--line);background:#1f2937;border-radius:42px 42px 12px 12px;width:270px;height:220px;position:absolute;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.preview-shirt{clip-path:polygon(0 0,50% 88%,100% 0);background:#fff;width:118px;height:160px;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-tie{clip-path:polygon(50% 0,100% 80%,50% 100%,0 80%);background:var(--red);width:42px;height:150px;animation:1.3s ease-in-out infinite tie-swing;position:absolute;top:26px;left:50%;transform:translate(-50%)}.preview-arm{border:4px solid var(--line);background:#111827;border-radius:32px;width:58px;height:150px;position:absolute;top:58px}.preview-arm-left{left:-16px;transform:rotate(10deg)}.preview-arm-right{right:-16px;transform:rotate(-10deg)}.landing-controls{gap:12px;display:grid}.field{gap:8px;font-weight:900;display:grid}.field input{border:3px solid var(--line);width:100%;min-height:52px;color:var(--ink);background:#fff;border-radius:8px;padding:0 14px;font-weight:800}.file-button{border:3px dashed var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;min-height:52px;font-weight:1000;display:grid}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.toggles,.result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.support-game-button{border:3px solid var(--line);background:var(--yellow);width:min(360px,100%);min-height:48px;color:var(--ink);text-align:center;box-shadow:0 4px 0 var(--line);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:1000;text-decoration:none;display:inline-flex}.support-game-button span:first-child{color:var(--red);font-size:1.1em}.support-game-button.compact{width:auto;min-height:0;box-shadow:none;border-width:2px;padding:4px 8px;font-size:.92rem}.toggles label{border:3px solid var(--line);background:var(--panel);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:900;display:flex}.countdown-screen{align-content:center;place-items:center;gap:42px;min-height:100dvh;display:grid}.countdown-text{color:var(--red);text-shadow:7px 7px 0 var(--line);font-size:clamp(5rem,30vw,14rem);font-weight:1000}.game-screen{background:linear-gradient(#fff7e6 0 64%,#eecb82 64% 100%);height:100dvh;position:relative;overflow:hidden}.hud{z-index:5;inset:max(10px, env(safe-area-inset-top)) 10px auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;position:absolute}.hud div{border:3px solid var(--line);text-align:center;background:#ffffffe6;border-radius:8px;min-width:0;padding:6px 4px}.hud span{color:var(--muted);font-size:.7rem;font-weight:900;display:block}.hud strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.combo-pop{z-index:7;border:4px solid var(--line);background:var(--yellow);min-width:66px;color:var(--red);text-align:center;text-shadow:2px 2px 0 #fff, 4px 4px 0 var(--line);box-shadow:0 5px 0 var(--line);pointer-events:none;transform-origin:50%;border-radius:999px;padding:6px 10px 8px;font-size:clamp(1.75rem,8vw,3rem);font-weight:1000;line-height:.92;animation:.42s cubic-bezier(.16,1.3,.32,1) combo-pop;position:absolute;top:clamp(128px,28dvh,210px);right:max(16px,50% - 175px)}.combo-pop:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(circle at 15% 30%,#fff 0 7%,#0000 8%),radial-gradient(circle at 84% 22%,#fff 0 6%,#0000 7%),radial-gradient(circle at 72% 78%,#fff 0 5%,#0000 6%);position:absolute;inset:-8px}.pixi-stage{touch-action:none;cursor:none;width:100%;height:100%}.pixi-stage canvas{width:100%;height:100%;display:block}.hand-cursor{z-index:10;pointer-events:none;filter:drop-shadow(4px 4px 0 var(--line));transform-origin:24px 24px;will-change:transform;font-size:52px;position:fixed;top:-24px;left:-24px}.hand-cursor.hitting{animation:.12s linear hit-cursor}.result-screen{justify-items:center}.report-grid{border:4px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-template-columns:1fr auto;gap:8px 18px;padding:16px;display:grid}.report-grid span{color:var(--muted);font-weight:900}.report-grid strong{text-align:right}.result-screen h2{text-align:center;color:var(--red);text-shadow:4px 4px 0 var(--yellow);margin:4px 0;font-size:clamp(2rem,9vw,4rem);line-height:1}.seo-content{gap:14px;width:min(900px,100% - 32px);margin:24px auto 0;padding:20px 0 32px;display:grid}.seo-content h1,.seo-content h2,.seo-content h3,.seo-content p,.seo-content ol{margin:0}.seo-content h1{text-shadow:3px 3px 0 var(--yellow);font-size:clamp(2rem,8vw,4rem);font-weight:1000;line-height:1}.seo-content h2{margin-top:10px;font-size:clamp(1.35rem,4vw,2rem)}.seo-content p,.seo-content li{color:var(--muted);font-weight:700;line-height:1.55}.seo-content ol{padding-left:1.4rem}.seo-content details{border:3px solid var(--line);background:#fff;border-radius:8px;padding:12px}.seo-content summary{cursor:pointer;font-weight:1000}.seo-content details p{margin-top:8px}.site-footer{width:min(900px,100% - 32px);padding:18px 0 max(24px, env(safe-area-inset-bottom));border-top:3px solid var(--line);color:var(--muted);gap:10px;margin:0 auto;font-weight:800;display:grid}.site-footer p{margin:0}.site-footer nav{flex-wrap:wrap;gap:12px;display:flex}.site-footer a{color:var(--ink);font-weight:1000}@keyframes idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tie-swing{0%,to{transform:translate(-50%)rotate(-3deg)}50%{transform:translate(-50%)rotate(4deg)}}@keyframes hit-cursor{0%{rotate:-18deg}to{rotate:18deg}}@keyframes combo-pop{0%{opacity:0;transform:translateY(-12px)rotate(-10deg)scale(.62)}58%{opacity:1;transform:translateY(2px)rotate(4deg)scale(1.18)}to{opacity:1;transform:translateY(0)rotate(-2deg)scale(1)}}@media (width>=760px){.landing-screen{grid-template-columns:1fr 390px;align-items:center;padding-inline:32px}.landing-header{grid-column:1/-1}.landing-controls{align-self:center}.seo-content{margin-top:-200px}}@media (width<=430px){.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud div:first-child{grid-column:span 2}.result-actions{grid-template-columns:1fr;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}