:root{--bg:#0b0a08;--yellow:#fc3;--cream:#fff4d6;--text:#fff8e7;--muted:#c9b27a;--ink:#14110c;--pad:clamp(1rem, 4.5vw, 2rem)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;width:100%;overflow-x:hidden}html,body{min-height:100dvh}body{color:var(--text);cursor:pointer;background:radial-gradient(circle at 50% 38%, #4a3400 0%, var(--bg) 52%), var(--bg);font-family:Bebas Neue,Impact,sans-serif;overflow-x:hidden}.haha-bg{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--yellow);position:fixed;inset:-25%;overflow:hidden;transform:rotate(-12deg)}.haha-row{white-space:nowrap;letter-spacing:.12em;opacity:.2;font-size:clamp(1.35rem,3.8vw,2.5rem);line-height:1.45;animation:32s linear infinite haha-marquee}.haha-row:nth-child(odd){opacity:.14;animation-direction:reverse}.haha-scatter{letter-spacing:.04em;opacity:.1;white-space:nowrap;font-size:clamp(2.4rem,8vw,5.5rem);line-height:1;position:absolute}@keyframes haha-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.stage{z-index:1;width:min(760px,100%);min-height:100svh;padding:max(var(--pad), env(safe-area-inset-top)) max(var(--pad), env(safe-area-inset-right)) max(var(--pad), env(safe-area-inset-bottom)) max(var(--pad), env(safe-area-inset-left));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.35rem,1.8vh,1rem);margin:0 auto;display:flex;position:relative}.title{letter-spacing:.02em;text-transform:uppercase;text-shadow:.06em .06em #000,-.025em -.025em #000,.025em -.025em #000,-.025em .025em #000;flex-direction:column;max-width:100%;font-size:clamp(2.6rem,12vw + .4rem,8.2rem);line-height:.86;display:flex}.title-accent{color:var(--yellow)}.hero{width:min(380px,72vw,58svh);margin:0 auto;position:relative}.hero-img{filter:drop-shadow(0 20px 28px #0000008c);pointer-events:none;width:100%;height:auto;animation:2.4s ease-in-out infinite idle;display:block}.hero.shake .hero-img{animation:.45s ease-in-out shake}@keyframes idle{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-12px,6px)rotate(-8deg)}40%{transform:translate(14px,-4px)rotate(8deg)}60%{transform:translate(-8px,8px)rotate(-4deg)}80%{transform:translate(8px,-6px)rotate(5deg)}}.ca-wrap{text-align:left;flex-direction:column;gap:.4rem;width:min(100%,560px);display:flex}.ca-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(.64rem,2.4vw,.72rem);font-weight:600}.ca-box{border:3px solid var(--ink);background:var(--cream);box-shadow:6px 6px 0 var(--ink);align-items:stretch;display:flex;overflow:hidden}.ca-input{width:100%;min-width:0;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:1;padding:.85rem .9rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(.72rem,2.6vw,.95rem);font-weight:500}.ca-copy,.ca-input{cursor:pointer}.ca-copy{border:0;border-left:3px solid var(--ink);background:var(--yellow);min-width:4.5rem;min-height:48px;color:var(--ink);letter-spacing:.08em;-webkit-tap-highlight-color:transparent;flex:none;padding:0 1.1rem;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(1.1rem,4vw,1.35rem)}.ca-copy:hover{filter:brightness(1.08)}.ca-copy:active{filter:brightness(.92)}.toasts{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.toast{letter-spacing:.03em;text-transform:uppercase;color:#fff;text-shadow:3px 3px #000;text-align:center;white-space:normal;max-width:min(90vw,18rem);font-size:clamp(.95rem,4.2vw,1.8rem);line-height:1.1;animation:1.6s ease-out forwards float-up;position:absolute}.floater{font-size:clamp(1.4rem,6vw,2rem);animation:1.4s ease-out forwards float-up;position:absolute}@keyframes float-up{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-90px)scale(1.3)}}@media (width<=520px){.ca-box{box-shadow:4px 4px 0 var(--ink);flex-direction:column}.ca-copy{border-left:0;border-top:3px solid var(--ink);width:100%;min-height:52px}.ca-input{padding:.9rem .85rem}}@media (height<=560px) and (orientation:landscape){.stage{justify-content:flex-start;gap:.4rem;padding-block:.75rem}.title{font-size:clamp(2rem,12vh,3.4rem)}.hero{width:min(160px,28vw,46vh)}}@media (prefers-reduced-motion:reduce){.hero-img,.hero.shake .hero-img,.toast,.floater,.haha-row{animation:none}}