:root{--color-bg-dark: #000000;--color-bg-panel: rgba(10, 8, 12, .88);--color-accent-gold: #d4af37;--color-accent-orange: #ff6b00;--color-text-main: #f5eedc;--color-text-muted: #a39580;--font-gothic: "Cinzel Decorative", serif;--font-sans: "Outfit", sans-serif;--glass-border: 1px solid rgba(212, 175, 55, .3);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .95)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:#000;font-family:var(--font-sans);color:var(--color-text-main)}#webgl-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;display:block;background-color:#000}.spooky-vignette{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:radial-gradient(circle at center,transparent 75%,rgba(0,0,0,.7) 100%)}.control-panel{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px;background:var(--color-bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 14px;border-radius:24px;border:var(--glass-border);box-shadow:var(--glass-shadow)}.spooky-btn{background:#ffffff0a;border:1px solid rgba(212,175,55,.25);color:var(--color-text-main);padding:6px 14px;border-radius:16px;font-family:var(--font-sans);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s ease}.spooky-btn:hover{background:var(--color-accent-gold);color:#000;border-color:var(--color-accent-gold);box-shadow:0 0 15px #d4af3799;transform:translateY(-2px)}.spooky-btn.highlight{background:linear-gradient(135deg,var(--color-accent-gold),var(--color-accent-orange));color:#000;border:none;font-weight:700}.spooky-btn.highlight:hover{box-shadow:0 0 20px #ff6b00cc}.hud-status{position:absolute;top:16px;right:16px;z-index:10;pointer-events:none}.progress-container{background:var(--color-bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 14px;border-radius:12px;border:var(--glass-border);box-shadow:var(--glass-shadow);display:flex;align-items:center;gap:10px}.progress-value{font-family:var(--font-gothic);font-size:.95rem;color:var(--color-accent-gold);font-weight:700}.progress-bar{width:80px;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-gold),var(--color-accent-orange));transition:width .4s ease}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;z-index:100;background:#000;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .3s ease,visibility .3s}.modal-backdrop.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-card{background:#000;width:100vw;height:100dvh;max-width:none;padding:0;position:relative;overflow:hidden;transform:scale(1);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-backdrop.hidden .modal-card{transform:scale(.8)}.modal-close-btn{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:4;width:46px;height:46px;background:#000000b8;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;font-size:2rem;cursor:pointer;line-height:1;transition:color .2s ease}.modal-close-btn:hover{color:var(--color-accent-gold)}.modal-day-badge{font-family:var(--font-gothic);font-size:.8rem;color:var(--color-accent-gold);letter-spacing:2px}.modal-header{position:fixed;top:max(20px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));z-index:3;pointer-events:none;text-align:left;filter:drop-shadow(0 2px 8px #000)}.modal-title{font-family:var(--font-gothic);font-size:clamp(1.25rem,3vw,2rem);color:#fff;text-shadow:0 0 10px rgba(212,175,55,.5)}.modal-body{position:absolute;top:0;right:0;bottom:0;left:0}.surprise-icon-wrapper{width:80px;height:80px;margin:0 auto;background:radial-gradient(circle,rgba(212,175,55,.2) 0%,transparent 70%);border-radius:50%;display:flex;justify-content:center;align-items:center}.svg-container-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;background:#000;overflow:hidden}.svg-iframe{width:100%;height:100%;border:none;display:block}.surprise-emoji{font-size:3.2rem}.surprise-text{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(52px,calc(env(safe-area-inset-bottom) + 52px));z-index:3;max-width:min(560px,calc(100vw - 110px));font-size:1rem;line-height:1.6;color:var(--color-text-main);background:#000000ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 14px;border-radius:10px;border:1px solid rgba(212,175,55,.15)}.surprise-extra{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));z-index:3;font-size:.85rem;font-style:italic;color:var(--color-accent-gold);text-shadow:0 2px 8px #000}.modal-footer{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:3}