:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;min-height:100dvh;overflow-x:hidden}body{background:#07070c;color:#e8e4df;-webkit-font-smoothing:antialiased}.app{min-height:100vh;min-height:100dvh;display:flex;position:relative;overflow:hidden;transition:background 1.2s ease;background:radial-gradient(ellipse at 50% 30%,#0e0d14,#07070c)}.app.is-on{background:radial-gradient(ellipse at 50% 25%,#1a150a,#0f0e08 40%,#07070c)}.main-content{display:flex;width:100%;min-height:100vh;min-height:100dvh}.bulb-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem 1rem 3rem;min-height:100vh;min-height:100dvh}.bulb-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.bulb-container{position:relative;width:200px;height:300px;display:flex;align-items:flex-start;justify-content:center}.bulb-svg{width:180px;height:280px;transition:filter .8s ease;filter:drop-shadow(0 0 0px transparent);position:relative;z-index:2}.app.is-on .bulb-svg{filter:drop-shadow(0 0 40px rgba(255,200,60,.4)) drop-shadow(0 0 80px rgba(255,170,30,.2))}.bulb-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,200,60,.15) 0%,rgba(255,170,30,.05) 40%,transparent 70%);opacity:0;transition:opacity 1s ease;pointer-events:none;z-index:0}.app.is-on .bulb-halo{opacity:1}.chain-canvas{position:absolute;top:250px;left:50%;transform:translate(-50%);width:180px;height:260px;z-index:3;touch-action:none;cursor:grab}.chain-canvas.dragging{cursor:grabbing}.pull-hint{margin-top:.5rem;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff4d;animation:hint-pulse 3s ease-in-out infinite;z-index:4;-webkit-user-select:none;user-select:none}@keyframes hint-pulse{0%,to{opacity:.3}50%{opacity:.6}}.ambient-glow{position:fixed;top:-20%;left:50%;transform:translate(-50%);width:120vw;height:80vh;border-radius:50%;background:radial-gradient(ellipse,rgba(255,200,60,.08) 0%,transparent 60%);opacity:0;transition:opacity 1.5s ease;pointer-events:none;z-index:0}.app.is-on .ambient-glow{opacity:1}.stats-section{width:360px;padding:1.5rem;overflow-y:auto;max-height:100vh;max-height:100dvh;border-left:1px solid rgba(255,255,255,.06);background:#ffffff04;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stats-panel{display:flex;flex-direction:column;gap:1rem}.live-timer{text-align:center;padding:1.5rem 1rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:border-color .5s ease}.app.is-on .live-timer{border-color:#ffc83c26}.live-timer .title{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#fff6;margin-bottom:.25rem}.live-timer .timer-value{font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#fff;line-height:1.2;transition:color .5s ease}.app.is-on .live-timer .timer-value{color:#fc4}.live-timer .timer-sub{font-size:.75rem;color:#ffffff59;margin-top:.25rem}.live-timer.shake{animation:timer-shake .4s ease}@keyframes timer-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.global-title{text-align:center;font-size:.85rem;font-weight:600;color:#fff9;padding:.5rem;border-radius:8px;background:#ffffff08;transition:all .5s ease}.app.is-on .global-title{color:#ffc83ccc}.global-title.chaos{animation:chaos-flash .5s ease infinite alternate}@keyframes chaos-flash{0%{color:#ff6432b3}to{color:#ffc83ce6}}.micro-copy{text-align:center;font-size:.8rem;font-style:italic;color:#ffffff4d;padding:.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;transition:color .5s ease}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-item{padding:.6rem .75rem;border-radius:8px;background:#ffffff06;border:1px solid rgba(255,255,255,.04)}.stat-label{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff59;margin-bottom:.15rem}.stat-value{font-size:1rem;font-weight:600;color:#e8e4df;font-variant-numeric:tabular-nums}.stat-value.highlight{color:#fc4}.connection-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:20px;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.connection-dot{width:6px;height:6px;border-radius:50%;background:#555;transition:background .3s ease}.connection-dot.connected{background:#4caf50;box-shadow:0 0 6px #4caf5080}.connection-dot.local{background:#ff9800}.connection-dot.connecting{background:#ff9800;animation:blink 1s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.chaos-section{padding:.75rem;border-radius:8px;background:#ffffff06;border:1px solid rgba(255,255,255,.04)}.chaos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chaos-bar-track{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.chaos-bar-fill{height:100%;border-radius:3px;transition:width .5s ease,background .5s ease;background:linear-gradient(90deg,#4caf50,#8bc34a)}.chaos-bar-fill.medium{background:linear-gradient(90deg,#ff9800,#ffc107)}.chaos-bar-fill.high{background:linear-gradient(90deg,#f44336,#ff5722)}.chaos-bar-fill.extreme{background:linear-gradient(90deg,#f44336,#e91e63);animation:chaos-pulse .3s ease infinite alternate}@keyframes chaos-pulse{0%{opacity:.8}to{opacity:1}}.pull-feed{display:flex;flex-direction:column;gap:.35rem}.pull-feed-title{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff4d;margin-bottom:.25rem}.feed-entry{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:6px;background:#ffffff05;font-size:.75rem;animation:feed-slide-in .3s ease}.feed-entry .feed-icon{font-size:.85rem;flex-shrink:0}.feed-entry .feed-player{font-weight:600;color:#ffffffb3}.feed-entry .feed-action{color:#fff6}.feed-entry .feed-time{margin-left:auto;font-size:.65rem;color:#fff3;flex-shrink:0}@keyframes feed-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:12px;background:#141219f2;border:1px solid rgba(255,200,60,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.85rem;font-weight:600;color:#fc4;z-index:100;animation:toast-in .4s ease,toast-out .4s ease 2.6s forwards;pointer-events:none;text-align:center;max-width:90vw}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}}.remote-pull-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;border-radius:20px;background:#141219e6;border:1px solid rgba(255,255,255,.1);font-size:.75rem;color:#fff9;z-index:90;animation:toast-in .3s ease,toast-out .3s ease 2s forwards;pointer-events:none}.toggle-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;animation:flash .4s ease forwards}.toggle-flash.on{background:radial-gradient(ellipse at 50% 30%,rgba(255,200,60,.15) 0%,transparent 60%)}.toggle-flash.off{background:radial-gradient(ellipse at 50% 30%,rgba(30,30,60,.2) 0%,transparent 60%)}@keyframes flash{0%{opacity:1}to{opacity:0}}.bulb-filament{transition:all .6s ease}.app.is-on .bulb-filament{filter:url(#filament-glow-on)}.bulb-glass-body{transition:fill .8s ease,stroke .8s ease}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.app.chaos-active .chain-canvas{animation:chain-shake .15s ease infinite}@keyframes chain-shake{0%,to{transform:translate(-50%)}25%{transform:translate(calc(-50% + 1px))}75%{transform:translate(calc(-50% - 1px))}}.app.chaos-active .bulb-svg{animation:bulb-flicker .1s ease infinite alternate}@keyframes bulb-flicker{0%{opacity:1}to{opacity:.92}}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:confetti-fall 2s ease forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(720deg) scale(.3)}}@media(max-width:768px){.main-content{flex-direction:column}.bulb-section{min-height:60vh;padding:1.5rem 1rem 2rem}.stats-section{width:100%;max-height:none;border-left:none;border-top:1px solid rgba(255,255,255,.06);padding:1rem}.live-timer .timer-value{font-size:2rem}.stat-grid{grid-template-columns:1fr 1fr}.notification-toast{top:.75rem;font-size:.75rem;padding:.5rem 1rem}}@media(max-width:400px){.stat-grid{grid-template-columns:1fr}}.stats-section::-webkit-scrollbar{width:4px}.stats-section::-webkit-scrollbar-track{background:transparent}.stats-section::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07070c;z-index:200;animation:fade-out .5s ease 1.5s forwards}.loading-screen .loading-text{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d}@keyframes fade-out{to{opacity:0;pointer-events:none}}