:root{color-scheme:dark;--bg:#0b0d14;--card:#151925;--line:#2a3040;--text:#f4f1e8;--muted:#9aa3b5;--gold:#f1b94d;--pink:#eb6f92;--green:#54d49b;--red:#ff637d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#292038 0,transparent 35%),var(--bg);color:var(--text);font:15px/1.5 Inter,Segoe UI,sans-serif;min-height:100vh}button,input,textarea{font:inherit}button{border:0;border-radius:9px;background:var(--gold);color:#1b1408;font-weight:800;padding:.72rem 1rem;cursor:pointer}button:hover{filter:brightness(1.08)}button.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}button.warning{background:#d99b39}button.danger{background:var(--red);color:#24060d}.login-shell{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:min(440px,100%);padding:42px;background:rgba(21,25,37,.94);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px #0008}.eyebrow{margin:0 0 5px;color:var(--pink);font-size:.72rem;font-weight:900;letter-spacing:.18em}.login-card h1,header h1{margin:.1rem 0;font-size:clamp(1.7rem,5vw,2.6rem)}label{display:grid;gap:8px;margin:26px 0 14px;color:var(--muted)}input,textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#0d1018;color:var(--text);padding:.8rem;outline:none}input:focus,textarea:focus{border-color:var(--gold)}textarea{min-height:130px;resize:vertical}.login-card button{width:100%}.muted{color:var(--muted)}.small{font-size:.84rem}.alert{padding:10px 12px;border-radius:8px;margin-top:18px}.alert.danger{background:#3b1822;color:#ffb4c0}header{display:flex;justify-content:space-between;align-items:center;padding:26px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#0b0d14bb;backdrop-filter:blur(14px);position:sticky;top:0;z-index:2}.header-actions{display:flex;gap:9px;align-items:center}.header-actions form{margin-left:12px}.dot{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.dot.online{background:var(--green);box-shadow:0 0 12px var(--green)}.dashboard{max-width:1180px;margin:auto;padding:30px 24px 70px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.stats article,.panel{background:linear-gradient(145deg,#191e2b,#121621);border:1px solid var(--line);border-radius:15px;padding:20px}.stats span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.stats strong{display:block;margin-top:8px;font-size:1.2rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}.panel h2{margin:0 0 18px}.panel-head{display:flex;justify-content:space-between;align-items:start}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 9px;border-top:1px solid var(--line)}th{color:var(--muted);font-size:.75rem;text-transform:uppercase}.mini{padding:.35rem .55rem;font-size:.78rem}.action-stack{display:grid;gap:10px}pre{white-space:pre-wrap;max-height:250px;overflow:auto;background:#090b11;border-radius:10px;padding:16px;color:#a8efcc}[data-type=error]{color:#ff9cac}@media(max-width:760px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.wide{grid-column:auto}header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}#statusText{display:none}} 
.player-tabs{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.player-tabs button{width:auto}.player-tabs button.active{background:var(--pink);color:#fff}.offline-badge{display:inline-block;padding:.25rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:800}
.connection-badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.78rem;font-weight:900}.connection-badge.connected{color:#071810;background:#55f5d0;box-shadow:0 0 15px #55f5d044}.connection-badge.disconnected{color:#fff;background:#ff557f;box-shadow:0 0 15px #ff557f44}

/* Hazel's neon chaos theme */
:root{--bg:#050812;--card:#0c1322dd;--line:#203f5d;--text:#f7f5ff;--muted:#a9b5cb;--gold:#ff4fc8;--pink:#ff4fc8;--green:#55f5d0;--red:#ff557f;--cyan:#38d8ff;--violet:#9b5cff}
body{background:linear-gradient(120deg,#030711 0%,#07182a 48%,#10071d 100%);background-attachment:fixed;overflow-x:hidden}
.chaos-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 78% 24%,#842dff30 0,transparent 30%),radial-gradient(circle at 13% 76%,#00d9ff20 0,transparent 32%)}
.chaos-portrait{position:absolute;inset:0;background-image:linear-gradient(90deg,#050812 0%,#050812e8 26%,#05081252 65%,#050812d8 100%),linear-gradient(0deg,#050812 0%,transparent 40%),url('assets/hazel-chaos.png');background-size:cover;background-position:center 22%;opacity:.76;filter:saturate(1.18) contrast(1.06);animation:chaos-breathe 9s ease-in-out infinite alternate}
.chaos-scan{position:absolute;inset:-30%;opacity:.38;background:repeating-linear-gradient(0deg,transparent 0 7px,#43dfff0a 8px 9px),radial-gradient(circle,#4be8ff 0 1px,transparent 2px);background-size:auto,82px 82px;animation:chaos-drift 20s linear infinite}
header{background:linear-gradient(90deg,#07101bea,#0b1021c9);border-bottom:1px solid #45d9ff55;box-shadow:0 10px 35px #0009,0 1px 20px #2bcfff20}
header h1,.login-card h1{letter-spacing:.02em;text-shadow:0 0 22px #cf45ff66,0 0 5px #35dfff55}.eyebrow{color:#ff67d2;text-shadow:0 0 12px #ff3fc999}
.stats article,.panel,.login-card{background:linear-gradient(145deg,#111a2aeb,#090e1be8);border-color:#31506a;box-shadow:0 18px 42px #0008,inset 0 1px 0 #8be7ff14;backdrop-filter:blur(15px)}
.stats article{position:relative;overflow:hidden}.stats article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent);opacity:.8}
.panel{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.panel:hover{border-color:#4acbed88;box-shadow:0 20px 48px #0009,0 0 24px #4bdcff12;transform:translateY(-1px)}
button,.button-link{background:linear-gradient(135deg,#ff45bf,#9c52ff);color:#fff;box-shadow:0 5px 18px #cf43dc35;text-shadow:0 1px 2px #0006;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}button:hover,.button-link:hover{transform:translateY(-1px);box-shadow:0 7px 24px #cf43dc55}button.ghost,.button-link.ghost{background:#0a1424b8;border-color:#38617c;color:#dff8ff;box-shadow:none}button.warning{background:linear-gradient(135deg,#ef9d39,#ff5d80)}button.danger{background:linear-gradient(135deg,#ff426e,#c72d68)}button.start{background:linear-gradient(135deg,#28d9d0,#397eff);color:#03131b}
input,textarea,pre{background:#050a14d9;border-color:#29445d}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #38d8ff18,0 0 20px #38d8ff18}th{color:#78dcf7}td{border-color:#233b50}.dot{animation:status-pulse 1.8s ease-in-out infinite}.dot.online{box-shadow:0 0 5px var(--green),0 0 18px var(--green)}
.login-card{position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));box-shadow:0 0 20px var(--pink)}
@keyframes chaos-breathe{from{transform:scale(1);filter:saturate(1.1) contrast(1.05)}to{transform:scale(1.025);filter:saturate(1.32) contrast(1.1)}}@keyframes chaos-drift{to{transform:translate3d(82px,82px,0)}}@keyframes status-pulse{50%{transform:scale(1.2);opacity:.8}}
@media(max-width:760px){.chaos-portrait{background-position:62% center;opacity:.42}.panel:hover{transform:none}.player-tabs{justify-content:flex-start}.panel-head{gap:14px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.chaos-portrait,.chaos-scan,.dot{animation:none!important}.panel,button,.button-link{transition:none!important}}

/* Cyber-chaos effects pass */
.chaos-scan{inset:0;opacity:.32;background:linear-gradient(180deg,transparent 0%,#50edff08 42%,#7df6ff44 49.5%,#fff 50%,#ff4fd744 50.5%,transparent 58%);background-size:100% 42vh;filter:blur(.3px);mix-blend-mode:screen;animation:holo-sweep 7s linear infinite}
.chaos-grid{position:absolute;left:-15%;right:-15%;bottom:-34%;height:65%;background-image:linear-gradient(#23dfff2a 1px,transparent 1px),linear-gradient(90deg,#23dfff2a 1px,transparent 1px);background-size:70px 42px;transform:perspective(480px) rotateX(62deg);transform-origin:center top;mask-image:linear-gradient(transparent,#000 35%);animation:grid-drive 8s linear infinite}
.energy-ribbon{position:absolute;width:65vw;height:13vh;border-radius:50%;border:2px solid transparent;filter:blur(1px) drop-shadow(0 0 8px #36eaff) drop-shadow(0 0 22px #af48ff);opacity:.48;mix-blend-mode:screen}
.ribbon-one{left:-18vw;top:22%;border-top-color:#32ddff;transform:rotate(-12deg);animation:ribbon-wave 8s ease-in-out infinite alternate}.ribbon-two{right:-18vw;bottom:12%;border-bottom-color:#ff4dcc;transform:rotate(14deg);animation:ribbon-wave-two 11s ease-in-out infinite alternate}
.neon-orbit{position:absolute;border:1px solid #5eeaff66;border-left-color:#ff4dce;border-right-color:#8a5bff;border-radius:50%;filter:drop-shadow(0 0 8px #49dfff);opacity:.5}.orbit-one{width:460px;height:460px;right:9%;top:9%;animation:orbit-spin 19s linear infinite}.orbit-two{width:310px;height:310px;right:13%;top:17%;border-style:dashed;animation:orbit-spin 13s linear infinite reverse}
.chaos-shards i{position:absolute;display:block;width:12px;height:28px;background:linear-gradient(155deg,#8df7ff,#a852ff 55%,#ff4abc);clip-path:polygon(50% 0,100% 38%,68% 100%,15% 74%,0 25%);filter:drop-shadow(0 0 8px #4ee8ff);opacity:0;animation:shard-rise 9s linear infinite}.chaos-shards i:nth-child(1){left:6%;animation-delay:-1s}.chaos-shards i:nth-child(2){left:14%;animation-delay:-6s;scale:.7}.chaos-shards i:nth-child(3){left:23%;animation-delay:-3s;scale:1.3}.chaos-shards i:nth-child(4){left:34%;animation-delay:-8s;scale:.55}.chaos-shards i:nth-child(5){left:46%;animation-delay:-5s}.chaos-shards i:nth-child(6){left:57%;animation-delay:-2s;scale:.65}.chaos-shards i:nth-child(7){left:66%;animation-delay:-7s;scale:1.25}.chaos-shards i:nth-child(8){left:74%;animation-delay:-4s;scale:.8}.chaos-shards i:nth-child(9){left:82%;animation-delay:-9s}.chaos-shards i:nth-child(10){left:90%;animation-delay:-2.8s;scale:.6}.chaos-shards i:nth-child(11){left:29%;animation-delay:-6.7s;scale:.75}.chaos-shards i:nth-child(12){left:70%;animation-delay:-.5s;scale:.5}
.glitch-flare{position:absolute;height:2px;width:22vw;background:linear-gradient(90deg,transparent,#62ecff,#fff,#ff54c8,transparent);box-shadow:0 0 12px #62ecff;opacity:0}.flare-one{top:28%;left:48%;animation:glitch-flash 5.5s steps(1) infinite}.flare-two{top:64%;left:9%;width:15vw;animation:glitch-flash 7.2s 1.4s steps(1) infinite}
header:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent 5%,#4ceeff 25%,#ff4ccc 50%,#4ceeff 75%,transparent 95%);background-size:200% 100%;animation:border-flow 4s linear infinite}
.panel,.stats article{position:relative;isolation:isolate;overflow:hidden}.panel:before,.stats article:before{content:"";position:absolute;z-index:-1;width:42%;height:220%;top:-60%;left:-65%;background:linear-gradient(90deg,transparent,#9ff8ff12,transparent);transform:rotate(20deg);animation:card-glint 8s ease-in-out infinite}.panel:nth-child(even):before,.stats article:nth-child(even):before{animation-delay:-4s}
.panel-head h2,.panel>h2{position:relative;display:inline-block}.panel-head h2:after,.panel>h2:after{content:"";position:absolute;left:0;bottom:-5px;width:40%;height:2px;background:linear-gradient(90deg,#43e8ff,#ff49ca);box-shadow:0 0 8px #46dfff;animation:title-charge 3s ease-in-out infinite alternate}
@keyframes holo-sweep{from{background-position:0 -42vh}to{background-position:0 142vh}}@keyframes grid-drive{to{background-position:0 84px,70px 0}}@keyframes ribbon-wave{to{transform:translate(12vw,8vh) rotate(-5deg) scaleY(1.6)}}@keyframes ribbon-wave-two{to{transform:translate(-10vw,-7vh) rotate(7deg) scaleY(1.5)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes shard-rise{0%{transform:translateY(112vh) rotate(0deg);opacity:0}12%,78%{opacity:.6}100%{transform:translateY(-18vh) rotate(540deg);opacity:0}}@keyframes glitch-flash{0%,89%,93%,100%{opacity:0;transform:translateX(0)}90%{opacity:.85;transform:translateX(24px)}91%{opacity:.25;transform:translateX(-18px)}92%{opacity:.7;transform:translateX(8px)}}@keyframes border-flow{to{background-position:200% 0}}@keyframes card-glint{0%,55%{left:-65%}82%,100%{left:125%}}@keyframes title-charge{to{width:100%;filter:hue-rotate(35deg)}}
@media(max-width:760px){.neon-orbit{transform:scale(.65);transform-origin:center}.chaos-grid{bottom:-20%}.energy-ribbon{opacity:.3}.chaos-shards i:nth-child(even){display:none}}

/* Explicit live-motion mode */
:root{--fx-x:0px;--fx-y:0px;--fx-scroll:0px}.chaos-portrait{background-position:calc(50% + var(--fx-x)) calc(22% + var(--fx-y));animation-duration:5.5s}.chaos-backdrop{transform:translateY(var(--fx-scroll))}
.neon-orbit{background:conic-gradient(from 20deg,transparent 0 9%,#43ecffb8 10% 15%,transparent 16% 39%,#ff4bc8a8 40% 47%,transparent 48% 72%,#925cff9c 73% 80%,transparent 81%);box-shadow:inset 0 0 28px #42ddff12,0 0 35px #9b45ff22}.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:14px;height:14px;left:50%;top:-7px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff,0 0 18px #4ceaff,0 0 42px #c24cff}.orbit-one{animation-duration:7s}.orbit-two{animation-duration:4.5s}
.energy-ribbon{animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-duration:4.8s}.ribbon-two{animation-duration:6.2s}.chaos-shards i{animation-duration:5.8s;box-shadow:0 0 16px #42e7ff66}.chaos-shards i:nth-child(3n){animation-duration:7.2s}.chaos-shards i:nth-child(3n+2){animation-duration:4.7s}
.chaos-grid{animation-duration:2.8s;filter:drop-shadow(0 0 8px #28dfff44)}.chaos-scan{animation-duration:3.8s}.glitch-flare{animation-duration:3.4s}.flare-two{animation-duration:4.6s}.panel:before,.stats article:before{animation-duration:4.8s}
.chaos-backdrop:after{content:"";position:absolute;inset:-15%;background:conic-gradient(from 0deg at 72% 42%,transparent 0 30%,#35e7ff12 34%,transparent 39% 63%,#ff44c812 67%,transparent 72%);mix-blend-mode:screen;animation:aura-vortex 12s linear infinite;filter:blur(18px)}
@keyframes aura-vortex{to{transform:rotate(360deg) scale(1.08)}}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;background:linear-gradient(105deg,transparent 0 44%,#82f6ff0b 48%,#fff1 49%,#ff59ce0b 51%,transparent 56%);background-size:260% 100%;mix-blend-mode:screen;animation:prism-swipe 6s ease-in-out infinite}
@keyframes prism-swipe{0%,22%{background-position:120% 0}70%,100%{background-position:-120% 0}}
.fx-live .chaos-portrait,.fx-live .chaos-scan,.fx-live .chaos-grid,.fx-live .energy-ribbon,.fx-live .neon-orbit,.fx-live .chaos-shards i,.fx-live .glitch-flare,.fx-live header:after,.fx-live .panel:before,.fx-live .stats article:before,.fx-live .panel-head h2:after,.fx-live .panel>h2:after,.fx-live body:after{animation-play-state:running!important}