:root{--bg: #fff8ee;--panel: #ffffff;--text: #2b2b2b;--muted: #6b7280;--accent: #ffb300;--rock: #8aaae5;--paper: #7bd389;--scissors: #ff7eb6}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:"Baloo 2",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(135deg,#ff9a9e,#fad0c4,#fbc2eb,#a1c4fd,#c2ffd8,#fef6a0 80%,#ffd1ff);background-size:400% 400%;animation:rainbow-shift 18s ease infinite;color:var(--text)}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{max-width:960px;margin:0 auto;padding:32px 20px}.brand-title{text-align:center;margin:0 0 16px;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.brand-title .name{font-weight:900;font-size:28px;background:linear-gradient(90deg,#ff9a9e,#fad0c4,#fbc2eb,#a1c4fd,#c2ffd8,#fef6a0,#ffd1ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #000;text-shadow:none}.brand-title .and{font-weight:800;color:#3b3b3b}.brand-title .star{color:#ffd166;text-shadow:0 3px 0 #f0d09a}.rainbow-text{background:linear-gradient(90deg,#ff9a9e,#fad0c4,#fbc2eb,#a1c4fd,#c2ffd8,#fef6a0,#ffd1ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px #000;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.brand-subtitle{margin:-8px 0 16px;text-align:center;color:#6b7280;font-weight:700}.scoreboard{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;color:#3b3b3b;margin-bottom:28px}.scoreboard>div{font-size:20px;font-weight:800;background:#fff;border:2px dashed #ffd166;border-radius:16px;padding:10px 16px;box-shadow:0 4px #f0d09a}.players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.player{background:var(--panel);border-radius:16px;padding:18px;border:2px dashed #ffd166;box-shadow:0 6px #f0d09a}.player h2{margin-top:0;font-size:20px;font-weight:700;color:#3b3b3b}.timer{margin:8px 0 14px}.timer-label{font-size:14px;color:var(--muted);margin-bottom:6px;text-align:left;transition:color .2s ease,font-size .2s ease}.timer-bar{height:10px;background:#ffe8a6;border-radius:999px;border:2px dashed #ffd166;overflow:hidden;box-shadow:inset 0 1px #fff6d6}.timer-fill{height:100%;background:linear-gradient(90deg,#ff7eb6,#ffb300);border-radius:999px;transition:width .3s linear}.timer.urgent .timer-label{color:#ef4444;font-size:18px;font-weight:900}.timer.urgent .timer-bar{border-color:#ef4444;background:#ffe3e3}.timer.urgent .timer-fill{background:linear-gradient(90deg,#ef4444,#f97316)}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choices button{flex:1;padding:18px 12px;border-radius:16px;border:3px solid transparent;background:#fff;color:var(--text);cursor:pointer;text-transform:capitalize;font-size:20px}.choices button:hover{transform:translateY(-2px)}.choices button.selected{outline:4px solid var(--accent);outline-offset:2px}.choices button.rock{border-color:var(--rock)}.choices button.paper{border-color:var(--paper)}.choices button.scissors{border-color:var(--scissors)}.pass-screen{text-align:center;padding:24px;background:#fff7dc;border:2px dashed #ffd166;border-radius:16px;box-shadow:0 6px #f0d09a}.ready-btn{margin-top:10px;padding:14px 24px;border-radius:18px;background:linear-gradient(180deg,#fc3,#ffb300);color:#4a2e00;border:none;font-size:18px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 6px #e3a20a}.ready-btn:active{transform:translateY(2px);box-shadow:0 4px #e3a20a}.ready-btn:focus-visible{outline:3px solid #5b9dd9;outline-offset:3px}.reveal{display:grid;gap:12px}.move-badge{margin-top:8px;display:inline-block;padding:10px 14px;border-radius:999px;background:#fff;border:3px solid #ffd166;text-transform:capitalize;font-size:18px}.result{text-align:center;padding:12px 0;min-height:28px}.result-screen{position:relative;min-height:60vh;display:grid;gap:16px}.reveal-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:10}.countdown-large{font-size:clamp(80px,14vw,180px);font-weight:900;color:#111827;text-shadow:0 6px 0 #f0d09a,0 12px 24px rgba(0,0,0,.2);animation:pop .3s ease-in-out}.faceoff-wrap{display:grid;place-items:center;gap:16px}.faceoff-avatars{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.faceoff-avatar{font-size:clamp(72px,18vw,160px);line-height:1;filter:drop-shadow(0 6px 0 #f0d09a) drop-shadow(0 18px 28px rgba(0,0,0,.25));transform:scale(.9);animation:pulseFace 1.1s ease-in-out infinite}.faceoff-avatar.left{justify-self:end}.faceoff-avatar.right{justify-self:start}.faceoff-vs{font-weight:900;font-size:clamp(28px,6vw,48px);color:#ef4444;text-shadow:0 3px 0 #f0d09a,0 12px 24px rgba(0,0,0,.2)}@keyframes pulseFace{0%,to{transform:scale(.9)}50%{transform:scale(1.02)}}.explosion-full{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;animation:screenShake 1.1s ease-in-out}.explosion-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff,#fff0c8f2,#ffc850d9 40%,#ff7800b3 55%,#ff46008c 68%,#ff000059 80%,#f000);filter:blur(2px);animation:flashPulse 1.1s ease-out forwards}.shockwave{position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:50%;border:5px solid rgba(255,255,255,.9);box-shadow:0 0 30px #ffc850b3,inset 0 0 10px #ff7800cc;transform:translate(-50%,-50%) scale(0);animation:shockExpand .9s cubic-bezier(.2,.8,.2,1) forwards}.sparks{position:absolute;inset:0}.spark{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff,#ffd166 40%,#ff7a00);transform-origin:left center;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0);filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 10px #ffd166);animation:sparkFly .7s ease-out var(--delay) forwards}@keyframes flashPulse{0%{opacity:0;transform:scale(.9)}10%{opacity:1;transform:scale(1)}60%{opacity:.9}to{opacity:0;transform:scale(1.05)}}@keyframes shockExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}80%{transform:translate(-50%,-50%) scale(12);opacity:.9}to{transform:translate(-50%,-50%) scale(14);opacity:0}}@keyframes sparkFly{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(420px);opacity:0}}.smoke-page{position:fixed;inset:0;z-index:25;pointer-events:none;overflow:hidden;background:#000}.smoke-background{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#282828cc,#141414e6,#0a0a0af2 60%,#000);animation:smokeBackground 3s ease-out forwards}.smoke-layers{position:absolute;inset:0}.smoke-layer{position:absolute;top:50%;left:50%;width:var(--size, 300px);height:var(--size, 300px);border-radius:50%;background:radial-gradient(circle,rgba(80,80,80,var(--opacity, .5)) 0%,rgba(60,60,60,var(--opacity, .4)) 30%,rgba(40,40,40,var(--opacity, .3)) 60%,rgba(20,20,20,var(--opacity, .2)) 80%,transparent 100%);transform:translate(-50%,-50%) scale(0);filter:blur(20px);animation:smokeLayerExpand 3s ease-out var(--delay) forwards}.dark-smoke-particles{position:absolute;inset:0}.dark-smoke-particle{position:absolute;top:50%;left:50%;width:var(--size, 80px);height:var(--size, 80px);border-radius:50%;background:radial-gradient(circle,rgba(60,60,60,.9) 0%,rgba(40,40,40,.8) 40%,rgba(20,20,20,.6) 70%,rgba(0,0,0,.4) 90%,transparent 100%);transform-origin:left center;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0);filter:blur(15px);animation:darkSmokeFloat 3s ease-out var(--delay) forwards}.smoke-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 100%);animation:smokeOverlayFade 3s ease-out forwards}@keyframes smokeBackground{0%{opacity:0}20%{opacity:.8}80%{opacity:.9}to{opacity:.3}}@keyframes smokeLayerExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:0}30%{transform:translate(-50%,-50%) scale(.8);opacity:var(--opacity, .5)}70%{transform:translate(-50%,-50%) scale(1.5);opacity:calc(var(--opacity, .5) * .7)}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}@keyframes darkSmokeFloat{0%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(0);opacity:.8}40%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--distance, 400px) * .4));opacity:.9}80%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(calc(var(--distance, 400px) * .8));opacity:.5}to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--distance, 400px));opacity:0}}@keyframes smokeOverlayFade{0%{opacity:0}50%{opacity:.7}to{opacity:0}}.winner-with-stars{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.winner-stars-container{position:absolute;inset:0;pointer-events:none}.winner-star{position:absolute;top:50%;left:50%;font-size:var(--size, 25px);transform-origin:center;transform:translate(-50%,-50%) rotate(var(--angle)) translate(80px);animation:winnerStarFloat 3s ease-in-out var(--delay) infinite;filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}.winner-content{position:relative;z-index:1;text-align:center;background:#fffffff2;border:3px dashed #ffd166;border-radius:20px;padding:20px 30px;box-shadow:0 8px #f0d09a;animation:winnerPop 1.2s ease-out}.winner-avatar{font-size:60px;margin-bottom:10px;filter:drop-shadow(0 4px 0 #f0d09a)}.winner-name{font-size:32px;font-weight:900;color:#3b3b3b;text-shadow:0 2px 0 #f0d09a}@keyframes winnerStarFloat{0%,to{transform:translate(-50%,-50%) rotate(var(--angle)) translate(80px) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) rotate(var(--angle)) translate(90px) scale(1.2);opacity:1}}@keyframes winnerPop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-2px,2px)}20%{transform:translate(2px,-2px)}30%{transform:translate(-3px,1px)}40%{transform:translate(2px,3px)}50%{transform:translate(-2px,-3px)}60%{transform:translate(3px,2px)}70%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}90%{transform:translate(-1px,2px)}}@keyframes pop{0%{transform:scale(.6);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes boom{0%{transform:scale(.2);opacity:.8}70%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}@keyframes boomFull{0%{transform:scale(.8);opacity:.9}70%{transform:scale(1.05);opacity:1}to{transform:scale(1.1);opacity:0}}.draw-word{font-weight:900;font-size:1.25em;padding:0 6px}.draw-emoji{margin-left:6px;font-size:1.3em}.draw-wrap{position:relative;min-height:80px}.poop-rain{position:absolute;inset:0;overflow:hidden;pointer-events:none}.poop{position:absolute;top:-24px;animation:fall 1.8s ease-in forwards}@keyframes fall{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(90px) rotate(20deg);opacity:0}}.win-cheer{position:relative;padding:10px 0 36px}.win-text{font-size:28px;font-weight:900;letter-spacing:.5px}.win-cheer.p1 .win-text{color:#2563eb}.win-cheer.p2 .win-text{color:#d97706}.win-avatar{font-size:clamp(72px,18vw,160px);line-height:1;margin-bottom:8px}.emoji-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.emoji{position:absolute;bottom:-6px;animation:floatUp 1.6s ease-in forwards;font-size:22px}@keyframes floatUp{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translateY(-60px) scale(1);opacity:0}}.actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.actions button{padding:12px 18px;border-radius:16px;background:var(--accent);border:none;color:#4a2e00;cursor:pointer;font-size:18px;box-shadow:0 6px #e3a20a}.actions button:active{transform:translateY(2px);box-shadow:0 4px #e3a20a}.actions button.secondary{background:#fff;border:2px dashed #ffd166;color:var(--text);box-shadow:none}.start-screen{position:relative;display:grid;gap:12px;justify-items:center}.sky{position:absolute;inset:0;pointer-events:none;overflow:hidden}.shooting-star{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffe38a,#ffb300 40%,#ff6a00,#ff3d00);box-shadow:0 0 20px #fff,0 0 40px #ffb300,0 0 60px #ff6a00;will-change:transform,opacity}.shooting-star{animation-name:shoot;animation-timing-function:linear;animation-iteration-count:infinite}.shooting-star:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);width:220px;height:6px;background:linear-gradient(90deg,#ffc800f2,#ff8c00b3,#ff500040,#ff500000);border-radius:6px;filter:blur(1px)}.shooting-star:after{content:"";position:absolute;right:calc(100% + 16px);top:50%;transform:translateY(-50%);width:260px;height:12px;background:linear-gradient(90deg,#5a5a5a59,#5a5a5a1f,#5a5a5a00);border-radius:12px;filter:blur(6px);opacity:.45;animation:smoke 1.2s linear infinite}@keyframes shoot{0%{transform:translateZ(0) rotate(45deg);opacity:0}10%{opacity:1}to{transform:translate3d(380px,240px,0) rotate(45deg);opacity:0}}@keyframes smoke{0%{opacity:.5;filter:blur(6px)}to{opacity:0;filter:blur(9px)}}.welcome-screen{display:grid;gap:16px;justify-items:center}.welcome-title{font-size:32px;font-weight:900;color:#3b3b3b;text-align:center}.name-card{width:100%;max-width:520px;background:#fff;border:2px dashed #ffd166;border-radius:18px;padding:10px;box-shadow:0 6px #f0d09a;margin-bottom:-6px}.names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.name-field{display:grid;gap:8px;min-width:0}.name-label{font-weight:800;color:#3b3b3b}.name-field input{width:100%;height:48px;border-radius:12px;border:2px dashed #ffd166;padding:0 14px;background:#fff7dc;font-size:18px}.name-field input::placeholder{color:#9ca3af}.name-field input:focus{outline:3px solid #5b9dd9;outline-offset:2px}.avatar-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px;padding:6px;background:#fff;border:2px dashed #ffd166;border-radius:12px}.av{display:grid;place-items:center;height:52px;border-radius:12px;background:#fff;border:2px dashed #ffd166;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.av:hover{transform:translateY(-2px)}.av.selected{outline:3px solid var(--accent);outline-offset:1px;box-shadow:0 3px #e3a20a inset;border-color:var(--accent)}.av span{font-size:24px}.bestof-card{width:100%;max-width:520px;background:#fff;border:2px dashed #ffd166;border-radius:18px;padding:8px;box-shadow:0 6px #f0d09a;margin-bottom:-8px}.bestof-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 6px 10px}.bestof-title{font-weight:800;color:#3b3b3b}.bestof-sub{font-size:14px;color:var(--muted)}.seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fff7dc;border:2px dashed #ffd166;border-radius:14px;padding:6px;isolation:isolate}.seg-item{position:relative;z-index:1;display:grid;place-items:center;height:44px;border-radius:10px;font-weight:700;color:#3b3b3b}.seg-item span{pointer-events:none}.seg-indicator{position:absolute;z-index:0;inset:6px;height:calc(100% - 12px);width:calc((100% - 12px) / 3);background:var(--accent);border-radius:10px;box-shadow:0 4px #e3a20a;transform:translate(calc(var(--seg, 0) * (100% + 8px)));transition:transform .18s ease}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 680px){.names{grid-template-columns:1fr}.avatar-picker{grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px}.av{height:52px}.av span{font-size:22px}}@media (max-width: 420px){.avatar-picker{grid-template-columns:repeat(4,1fr)}.brand-title .name{font-size:24px}.brand-title .name{-webkit-text-stroke:.75px #000}.brand-subtitle{font-size:14px}.welcome-title{font-size:26px}.scoreboard>div{font-size:18px;padding:8px 12px}.bestof-card,.name-card{padding:10px}.seg{gap:6px;padding:6px}.seg-item{height:40px;font-size:14px}.seg-indicator{box-shadow:0 3px #e3a20a}}.hands{display:flex;gap:40px;align-items:center;justify-content:center;padding:8px 0}.pair{position:relative;width:140px;height:120px}.hand{display:inline-block}.hand-top{position:absolute;top:-10px;left:50%;transform:translate(-50%);text-align:center;animation:hit-side 1s infinite ease-in-out;transform-origin:center top}.hand-bottom{position:absolute;bottom:-10px;left:50%;transform:translate(-50%) rotate(-90deg);text-align:center;animation:recoil-side 1s infinite ease-in-out;transform-origin:center bottom}.pair.right .hand-top,.pair.right .hand-bottom{animation-delay:.5s}.play-btn{padding:18px 32px;border-radius:24px;background:linear-gradient(135deg,#ffb300,#fc3);color:#4a2e00;border:none;font-size:22px;font-weight:800;box-shadow:0 8px #e3a20a,0 12px 24px #ffb3004d;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.play-btn:hover{transform:translateY(-2px);box-shadow:0 10px #e3a20a,0 16px 32px #ffb30066}.play-btn:active{transform:translateY(2px);box-shadow:0 4px #e3a20a}@keyframes hit-side{0%,60%,to{transform:translate(-50%) translateY(0) rotate(0)}30%{transform:translate(-50%) translateY(26px) rotate(10deg)}}@keyframes recoil-side{0%,60%,to{transform:translate(-50%) rotate(-90deg)}30%{transform:translate(-50%) translateY(4px) rotate(-95deg)}}.celebrate{position:relative;height:220px;display:grid;place-items:center}.celebrate-canvas{position:absolute;inset:0;width:100%;height:100%}.winner-name{position:relative;font-size:36px;font-weight:800;color:#3b3b3b;animation:grow-pop 1.1s ease-out;text-align:center;padding:8px 14px;border-radius:18px;background:#fff;border:2px dashed #ffd166;box-shadow:0 6px #f0d09a}@keyframes grow-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.destruction-page{text-align:center;padding:40px 20px}.destruction-intro h2{font-size:32px;color:#f44;margin-bottom:20px;animation:shake .5s infinite}.destruction-intro p{font-size:20px;margin-bottom:30px;color:#3b3b3b}.destruction-countdown{font-size:80px;font-weight:900;color:red;text-shadow:0 0 20px #ff0000;animation:countdown-pulse 1s infinite}.destruction-scene{position:relative;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.destruction-scene h2{font-size:24px;margin-bottom:40px;color:#f44;animation:text-shake .3s infinite}.destruction-animation{position:relative;width:300px;height:200px;display:flex;align-items:center;justify-content:center}.victim-avatar{font-size:80px;position:absolute;z-index:1}.destroyer{font-size:60px;position:absolute;z-index:2}.rock-smash .victim-avatar{animation:avatar-smash 3s ease-out forwards}.rock-smash .rock-destroyer{animation:rock-attack 3s ease-out forwards}.smash-effects .debris{position:absolute;font-size:24px;opacity:0;animation:debris-scatter 2s ease-out forwards}.paper-cover .victim-avatar{animation:avatar-suffocate 3s ease-out forwards}.paper-cover .paper-destroyer{animation:paper-wrap 3s ease-out forwards}.suffocation-cloud{position:absolute;font-size:30px;top:-20px;opacity:0;animation:suffocate-cloud 3s ease-out forwards}.scissors-cut .victim-avatar{animation:avatar-slice 3s ease-out forwards}.scissors-cut .scissors-destroyer{animation:scissors-slice 3s ease-out forwards}.cut-effects .piece{position:absolute;font-size:20px;opacity:0;animation:piece-scatter 2s ease-out forwards}.destruction-complete h2{font-size:28px;color:#444;margin-bottom:20px}.destruction-complete p{font-size:18px;color:#666;margin-bottom:30px}.continue-btn{padding:14px 28px;border-radius:20px;background:var(--accent);color:#4a2e00;border:none;font-size:18px;box-shadow:0 6px #e3a20a;cursor:pointer;font-weight:700}.continue-btn:active{transform:translateY(2px);box-shadow:0 4px #e3a20a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes countdown-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes text-shake{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes avatar-smash{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.8) rotate(15deg)}to{transform:scale(.3) rotate(45deg);opacity:.2}}@keyframes rock-attack{0%{transform:translateY(-100px) scale(.5)}50%{transform:translateY(0) scale(1.2)}to{transform:translateY(20px) scale(1)}}@keyframes debris-scatter{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--scatter-x, 100px),var(--scatter-y, -100px)) scale(.3)}}@keyframes avatar-suffocate{0%{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.7}to{transform:scale(.7);opacity:.3;filter:blur(2px)}}@keyframes paper-wrap{0%{transform:scale(.5) rotate(0);opacity:.8}50%{transform:scale(1.5) rotate(180deg);opacity:.9}to{transform:scale(2) rotate(360deg);opacity:.6}}@keyframes suffocate-cloud{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:.3;transform:scale(1.5)}}@keyframes avatar-slice{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(.1) rotate(720deg);opacity:0}}@keyframes scissors-slice{0%{transform:rotate(0) scale(.8)}25%{transform:rotate(45deg) scale(1.1)}50%{transform:rotate(-45deg) scale(1.1)}75%{transform:rotate(45deg) scale(1.1)}to{transform:rotate(0) scale(1)}}@keyframes piece-scatter{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--piece-x, 80px),var(--piece-y, -80px)) rotate(var(--piece-rot, 360deg)) scale(.2)}}.debris-0{--scatter-x: -120px;--scatter-y: -80px;animation-delay:.5s}.debris-1{--scatter-x: 120px;--scatter-y: -100px;animation-delay:.6s}.debris-2{--scatter-x: -80px;--scatter-y: -120px;animation-delay:.7s}.debris-3{--scatter-x: 100px;--scatter-y: -60px;animation-delay:.8s}.debris-4{--scatter-x: -140px;--scatter-y: -40px;animation-delay:.9s}.debris-5{--scatter-x: 80px;--scatter-y: -140px;animation-delay:1s}.debris-6{--scatter-x: -60px;--scatter-y: -100px;animation-delay:1.1s}.debris-7{--scatter-x: 140px;--scatter-y: -80px;animation-delay:1.2s}.debris-8{--scatter-x: -100px;--scatter-y: -60px;animation-delay:1.3s}.debris-9{--scatter-x: 60px;--scatter-y: -120px;animation-delay:1.4s}.debris-10{--scatter-x: -120px;--scatter-y: -140px;animation-delay:1.5s}.debris-11{--scatter-x: 120px;--scatter-y: -40px;animation-delay:1.6s}.piece-0{--piece-x: -60px;--piece-y: -40px;--piece-rot: 180deg;animation-delay:1s}.piece-1{--piece-x: 60px;--piece-y: -60px;--piece-rot: -180deg;animation-delay:1.1s}.piece-2{--piece-x: -40px;--piece-y: -80px;--piece-rot: 360deg;animation-delay:1.2s}.piece-3{--piece-x: 80px;--piece-y: -40px;--piece-rot: -360deg;animation-delay:1.3s}.piece-4{--piece-x: -80px;--piece-y: -60px;--piece-rot: 270deg;animation-delay:1.4s}.piece-5{--piece-x: 40px;--piece-y: -80px;--piece-rot: -270deg;animation-delay:1.5s}.piece-6{--piece-x: -60px;--piece-y: -40px;--piece-rot: 450deg;animation-delay:1.6s}.piece-7{--piece-x: 60px;--piece-y: -60px;--piece-rot: -450deg;animation-delay:1.7s}