:root{font-family:Comic Sans MS,Comic Sans,cursive;color:#16110b;background:#ffe86a;font-synthesis:none;--chaos: 46;--jitter: 1.4px;--spin-speed: 7s;--marquee-duration: 11.86s;--title-wobble-duration: 2.248s;--glitch-title-duration: 3.28s;--pin-spin-duration: 3.85s;--main-pulse-duration: 1.648s;--sticker-spin-duration: 9.78s;--boing-duration: 2.202s;--glitch-opacity: .1804;--jitter-neg: -1.4px;--ink: #17120d;--cream: #fff8d5;--yellow: #ffe84f;--red: #ff244c;--blue: #3fb7ff;--acid: #baff25;--violet: #c05cff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{position:relative;min-width:320px;background:radial-gradient(circle at 16% 22%,rgba(255,255,255,.72) 0 2px,transparent 3px),radial-gradient(circle at 81% 31%,rgba(255,42,78,.5) 0 4px,transparent 5px),linear-gradient(118deg,#ffe65b 0 28%,#ffaada 28% 43%,#7de7ff 43% 61%,#d7ff76 61% 78%,#ffe65b 78%);background-size:37px 37px,53px 53px,100% 100%;-webkit-user-select:none;user-select:none;touch-action:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}#paper-noise{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.23;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,transparent 0 7px,rgba(25,10,0,.08) 7px 8px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(25,10,0,.06) 31px 32px),repeating-linear-gradient(18deg,transparent 0 92px,rgba(255,255,255,.19) 92px 94px)}#three-root{position:fixed;inset:0;z-index:1}#three-root canvas{width:100%;height:100%;display:block;outline:none;filter:saturate(1.04) contrast(1.02)}.top-chaos{position:fixed;z-index:8;top:0;left:0;width:100%;pointer-events:none}.marquee{width:100%;overflow:hidden;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background:#111;color:#fff751;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(.74rem,1.35vw,1.05rem);letter-spacing:.08em;white-space:nowrap;transform:rotate(-.25deg) scale(1.01)}.marquee__track{width:max-content;padding:.28rem 0 .22rem;animation:marquee var(--marquee-duration) linear infinite}.fire-title{position:relative;width:min(94vw,1500px);margin:.28rem auto 0;text-align:center;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2.2rem,6.9vw,7.3rem);line-height:.84;letter-spacing:.014em;text-transform:uppercase;color:#ffef3a;-webkit-text-stroke:clamp(1.5px,.24vw,4px) #2a0900;paint-order:stroke fill;transform:rotate(-1.15deg) skew(-3deg);text-shadow:0 .03em 0 #ffb000,0 .07em 0 #ff5a00,0 .1em 0 #e51d00,0 .14em 0 #741000,0 .2em .12em rgba(90,0,0,.65),0 0 .18em #ff3300,0 0 .45em rgba(255,35,0,.9),0 0 .95em rgba(255,174,0,.75);animation:titleWobble var(--title-wobble-duration) steps(2,end) infinite}.fire-title:before,.fire-title:after{content:attr(data-text);position:absolute;inset:0;color:transparent;-webkit-text-stroke:0 transparent;pointer-events:none}.fire-title:before{transform:translateY(-.12em) scaleY(1.13);text-shadow:-.16em -.1em .14em #ffcc00,.12em -.13em .14em #ff4d00,.31em -.08em .18em #ffad00,-.37em -.06em .17em #ff3300,.48em -.12em .2em #ffe600;opacity:.86;filter:blur(.5px);animation:flameDance .31s ease-in-out infinite alternate}.fire-title:after{transform:translate(3px,-2px);text-shadow:-4px 0 #ff1d66,4px 0 #2bf7ff;opacity:var(--glitch-opacity);animation:glitchTitle var(--glitch-title-duration) steps(1) infinite}.panel{position:fixed;z-index:9;pointer-events:auto}.sketch-card{background:#fffbdbed;border:4px solid var(--ink);box-shadow:7px 8px #140a00eb;border-radius:15px 9px 18px 7px}.stats-panel{top:clamp(118px,15vw,190px);left:clamp(8px,1.5vw,25px);width:min(340px,39vw);padding:.72rem .82rem .62rem;transform:rotate(-1.2deg)}.stats-panel p{margin:.28rem 0;font-size:clamp(.68rem,1.05vw,.96rem);line-height:1.18}.stats-panel strong{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;letter-spacing:.035em}.stats-panel .ok{color:#087a21;font-weight:900}.pin{position:absolute;top:-19px;right:18px;width:38px;height:38px;display:grid;place-items:center;background:#ff2f49;border:3px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink);animation:spin var(--pin-spin-duration) linear infinite}.controls-panel{right:clamp(8px,1.5vw,24px);bottom:clamp(9px,1.8vw,24px);width:min(430px,44vw);padding:.72rem;transform:rotate(.8deg);background:#fff4a1f2}.controls-body{display:grid;gap:.55rem}.controls-panel.collapsed .controls-body{display:none}.controls-panel.collapsed{width:auto;padding:.35rem}.tiny-tab{display:none;width:100%;margin-bottom:.52rem;border:3px solid var(--ink);background:#fff;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.btn{min-height:42px;padding:.42rem .58rem;border:3px solid var(--ink);border-radius:9px 4px 11px 5px;background:#fffef3;color:var(--ink);font-weight:900;cursor:pointer;box-shadow:4px 5px 0 var(--ink);transform:rotate(-.4deg);transition:transform .08s ease,box-shadow .08s ease,background .08s linear}.btn:nth-child(2n){transform:rotate(.75deg)}.btn:hover{background:var(--blue);transform:translate(-2px,-3px) rotate(-1.2deg) scale(1.045);box-shadow:6px 8px 0 var(--ink)}.btn:active{transform:translate(2px,3px) rotate(.8deg) scale(.98);box-shadow:1px 2px 0 var(--ink)}.btn-main{min-height:58px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(1rem,2vw,1.48rem);letter-spacing:.035em;background:#ffef3a;animation:mainButtonPulse var(--main-pulse-duration) ease-in-out infinite}.btn.acid{background:var(--acid)}.btn.hot{background:#ff93cb}.btn.danger{background:#ff4c3d;color:#fff;text-shadow:2px 2px 0 #7c0000}.btn.reset{background:#111;color:#fff}.button-row{display:grid;gap:.5rem}.button-row.four{grid-template-columns:repeat(4,minmax(0,1fr))}.button-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.chaos-control{display:grid;grid-template-columns:auto 1fr 42px;align-items:center;gap:.55rem;padding:.45rem .6rem;border:3px dashed var(--ink);background:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;letter-spacing:.05em;transform:rotate(-.6deg)}.chaos-control input{width:100%;accent-color:#ff1f48;cursor:ew-resize}.chaos-control output{text-align:center;border:2px solid var(--ink);background:#ffec3d;padding:.08rem .2rem}.instructions{margin:.08rem 0 0;padding:.3rem .45rem;border-top:2px dotted var(--ink);font-size:.66rem;line-height:1.25;font-family:Courier New,monospace;font-weight:900}.corner-sticker{position:fixed;z-index:7;display:grid;place-items:center;text-align:center;aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;line-height:.84;box-shadow:5px 6px 0 var(--ink);pointer-events:none}.sticker-a{width:clamp(70px,9vw,130px);right:2vw;top:22%;background:var(--violet);color:#fff;transform:rotate(12deg);animation:spin var(--sticker-spin-duration) linear infinite}.sticker-b{width:clamp(55px,7vw,96px);left:4%;bottom:9%;background:#ff4d34;color:#ffe838;transform:rotate(-10deg);animation:boing var(--boing-duration) ease-in-out infinite}.arrow-note{position:fixed;z-index:7;pointer-events:none;font-weight:900;font-size:clamp(.7rem,1.2vw,1.05rem);line-height:1.02;text-shadow:2px 2px 0 #fff}.note-a{left:4%;top:56%;transform:rotate(-13deg)}.note-b{right:4%;top:52%;transform:rotate(9deg);text-align:right}#doodle-layer{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}.doodle{position:absolute;font-family:Comic Sans MS,Comic Sans,cursive;font-weight:900;-webkit-text-stroke:.5px rgba(0,0,0,.3);text-shadow:2px 2px 0 rgba(255,255,255,.78);animation:doodleFloat var(--speed, 7s) ease-in-out infinite alternate;opacity:var(--opacity, .6)}.doodle.blink{animation:blink .62s steps(2) infinite,doodleFloat var(--speed, 7s) ease-in-out infinite alternate}.toast-stack{position:fixed;left:50%;top:42%;z-index:20;transform:translate(-50%,-50%);display:grid;gap:.5rem;pointer-events:none}.toast{max-width:min(88vw,700px);padding:.62rem .9rem;border:5px solid #111;background:#fff431;color:#111;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(1.2rem,4vw,3.8rem);line-height:.95;text-align:center;box-shadow:9px 10px #ff295d;transform:rotate(-2deg);animation:toastIn .15s ease-out,toastOut .28s ease-in 1.45s forwards}.speech-bubble{position:fixed;z-index:18;padding:.42rem .65rem;border:3px solid #111;border-radius:50% 50% 48% 52%;background:#fff;color:#111;font-weight:900;box-shadow:4px 4px #111;pointer-events:none;transform:translate(-50%,-115%) rotate(-4deg)}.speech-bubble:after{content:"";position:absolute;bottom:-11px;left:46%;width:15px;height:15px;background:#fff;border-right:3px solid #111;border-bottom:3px solid #111;transform:rotate(45deg)}.texture-error{position:fixed;inset:50% auto auto 50%;z-index:99;transform:translate(-50%,-50%) rotate(-1deg);width:min(92vw,760px);padding:1.2rem 1.35rem;border:7px solid #111;background:#ff203f;color:#fff;box-shadow:12px 12px #111;text-align:center}.texture-error strong{display:block;font:2rem/1 Impact,sans-serif;margin-bottom:.55rem}.texture-error span{font-weight:900}.texture-error code{background:#fff;color:#111;padding:.08rem .3rem}@keyframes marquee{to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes boing{50%{transform:translateY(-9px) rotate(7deg) scale(1.08)}}@keyframes flameDance{0%{transform:translateY(-.1em) scaleY(1.08) skew(-1deg)}to{transform:translateY(-.17em) scaleY(1.18) skew(2deg)}}@keyframes titleWobble{0%,96%,to{transform:rotate(-1.15deg) skew(-3deg) translate(0)}97%{transform:rotate(-.2deg) skew(-4deg) translate(var(--jitter),var(--jitter-neg))}98%{transform:rotate(-2deg) skew(-2deg) translate(var(--jitter-neg),var(--jitter))}}@keyframes glitchTitle{0%,92%,to{clip-path:inset(0 0 0 0)}93%{clip-path:inset(18% 0 56% 0);transform:translate(7px,-2px)}94%{clip-path:inset(61% 0 11% 0);transform:translate(-8px,2px)}}@keyframes mainButtonPulse{50%{transform:rotate(.8deg) scale(1.025)}}@keyframes doodleFloat{0%{transform:translate(-4px,-5px) rotate(var(--rot,-5deg))}to{transform:translate(7px,8px) rotate(calc(var(--rot,-5deg) + 9deg))}}@keyframes blink{50%{opacity:.08}}@keyframes toastIn{0%{opacity:0;transform:scale(.45) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(-2deg)}}@keyframes toastOut{to{opacity:0;transform:scale(1.35) rotate(4deg)}}@media(max-width:820px){.fire-title{margin-top:.35rem;font-size:clamp(2.05rem,10.8vw,5.4rem)}.stats-panel{top:118px;left:7px;width:min(310px,58vw);padding:.52rem .6rem}.stats-panel p{font-size:clamp(.62rem,2.15vw,.82rem)}.controls-panel{width:min(96vw,430px);right:2vw;bottom:2vw}.tiny-tab{display:block}.corner-sticker.sticker-a{top:31%;right:-14px}.corner-sticker.sticker-b,.arrow-note{display:none}.btn{min-height:38px;font-size:.78rem;padding:.35rem .32rem}.btn-main{min-height:48px;font-size:1.02rem}.instructions{display:none}}@media(max-width:520px){.marquee{font-size:.66rem}.fire-title{width:98vw;font-size:clamp(1.8rem,11.8vw,4rem)}.stats-panel{top:102px;width:74vw}.stats-panel p:nth-child(5),.stats-panel p:nth-child(6){display:none}.controls-panel{transform:rotate(0)}.button-row.four{grid-template-columns:repeat(4,1fr);gap:.32rem}.button-row.two{gap:.34rem}.chaos-control{padding:.32rem .4rem;font-size:.76rem}}@media(prefers-reduced-motion:reduce){.marquee__track,.fire-title,.fire-title:before,.fire-title:after,.corner-sticker,.doodle,.pin,.btn-main{animation-duration:12s!important}}