body,html{background-color:#090414;width:100%;height:100%;margin:0;padding:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#webcam-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleX(-1)}#display-canvas{object-fit:cover;z-index:2;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;transform:scaleX(-1)}#halloween-banner{z-index:8;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45em;width:max-content;max-width:94vw;font-family:Luckiest Guy,Fredoka,Arial Black,sans-serif;font-size:clamp(2rem,4.6vw,4rem);display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%)}.banner-word{align-items:center;display:inline-flex}.float-char{-webkit-text-stroke:3px #230838;paint-order:stroke fill;filter:drop-shadow(0 5px #1c052e)drop-shadow(0 0 14px #ff88008c);animation:2.8s ease-in-out infinite puka-puka;animation-delay:calc(var(--i) * -.22s);will-change:transform;padding:0 .02em;display:inline-block}.float-char.c-orange{color:#f80}.float-char.c-yellow{color:#fd3}.float-char.c-purple{color:#d884ff}@keyframes puka-puka{0%,to{transform:translateY(0)rotate(-3deg)scale(1)}50%{transform:translateY(-9px)rotate(3.5deg)scale(1.04)}}#loading-overlay{z-index:20;color:#f90;background:radial-gradient(circle,#1c0c30d9 0%,#08030ff2 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}#loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{filter:drop-shadow(0 0 20px #f80c);font-size:4rem;animation:1.4s ease-in-out infinite bounce-spin}.loading-text{letter-spacing:.08em;color:#ffe2b8;text-shadow:0 0 10px #ff7800b3;margin-top:16px;font-size:1.1rem;font-weight:700}@keyframes bounce-spin{0%,to{transform:translateY(0)scale(1)rotate(-8deg)}50%{transform:translateY(-18px)scale(1.12)rotate(8deg)}}#controls{z-index:10;justify-content:center;gap:15px;width:fit-content;display:flex;position:absolute;bottom:20px;right:20px}.mode-btn,.action-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f051ca6;border:2px solid #ffa500bf;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:10px;font-size:1.5rem;transition:all .3s;display:flex}.mode-btn:hover,.action-btn:hover{background:#ff8c0040;transform:translateY(-2px)}.mode-btn.active{color:#000;background:#ff7b00;border-color:#fff3d1;box-shadow:0 0 18px #ff8800f2}.action-btn.swapped{background:#a855f7d9;border-color:#f3e8ff;box-shadow:0 0 16px #a855f7e6}