:root{--flux-primary: var(--t-flux-primary, #a855f7);--flux-primary-light: color-mix(in srgb, var(--t-flux-primary, #a855f7) 70%, white);--flux-primary-dark: color-mix(in srgb, var(--t-flux-primary, #a855f7) 80%, black);--flux-secondary: var(--t-flux-secondary, #22d3ee);--flux-secondary-light: color-mix(in srgb, var(--t-flux-secondary, #22d3ee) 70%, white);--flux-secondary-dark: color-mix(in srgb, var(--t-flux-secondary, #22d3ee) 80%, black);--flux-glow: var(--t-flux-glow, rgba(168, 85, 247, .5));--flux-glow-intense: var(--t-flux-glow, rgba(168, 85, 247, .8));--flux-bg: color-mix(in srgb, var(--flux-primary) 20%, transparent);--flux-bg-solid: color-mix(in srgb, var(--flux-primary) 30%, var(--t-bg-app, #0a0a1a));--flux-border: color-mix(in srgb, var(--flux-primary) 40%, transparent);--flux-energy-empty: color-mix(in srgb, var(--flux-primary) 30%, transparent);--flux-energy-fill-start: var(--t-flux-primary, #7c3aed);--flux-energy-fill-end: var(--t-flux-secondary, #22d3ee);--flux-energy-glow: 0 0 20px var(--t-flux-glow, rgba(168, 85, 247, .6)), 0 0 40px color-mix(in srgb, var(--flux-secondary) 30%, transparent)}body[data-mode=flux] .game-layout__board{--_flux-bar-inset: 30px;padding-left:30px}.flux-board-energy{display:none;flex:0 0 auto;width:24px;align-self:flex-start;height:calc(var(--board-rows, 20) * var(--_cell, 32px));margin-left:6px;z-index:var(--z-elevated);position:relative}body:not([data-mode=flux]) .flux-board-energy{display:none!important}.flux-board-energy:not(.hidden){display:flex;align-items:stretch}.flux-board-energy__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--s-1\.5);width:100%;height:100%}.flux-board-shop{display:none;width:100%;align-items:center;justify-content:center;gap:var(--s-1\.5);flex-direction:column}@media(max-width:767px){[data-mode=flux] .flux-board-shop{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-elevated);flex-direction:row;justify-content:center;gap:12px;width:auto;padding:10px 20px calc(10px + var(--tv-safe-bottom));background:transparent;border-top:none;box-shadow:none}}.flux-board-energy__bar{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;flex:1;min-height:140px}.flux-board-energy__bar:after{content:"";width:6px;height:2px;margin-top:4px;background:color-mix(in srgb,var(--flux-secondary) 60%,white);box-shadow:0 0 6px color-mix(in srgb,var(--flux-secondary) 40%,transparent);flex-shrink:0}.flux-board-energy__bar:before{content:"";width:4px;height:1px;margin-bottom:3px;background:color-mix(in srgb,var(--flux-secondary) 35%,transparent);flex-shrink:0}.flux-board-energy__track{position:relative;flex:1;width:14px;background:#0e1228e6;border:1px solid;border-image:linear-gradient(to bottom,color-mix(in srgb,var(--flux-secondary) 15%,transparent),color-mix(in srgb,var(--flux-secondary) 40%,transparent) 70%,color-mix(in srgb,var(--flux-secondary) 55%,transparent)) 1;border-radius:0;overflow:hidden;box-shadow:0 0 8px color-mix(in srgb,var(--flux-secondary) 12%,transparent),inset 0 0 6px color-mix(in srgb,var(--flux-secondary) 8%,transparent)}.flux-board-energy__fill{position:absolute;bottom:0;left:0;right:0;height:100%;transform:scaleY(0);transform-origin:bottom;background:linear-gradient(to top,color-mix(in srgb,var(--flux-energy-fill-start) 75%,black),color-mix(in srgb,var(--flux-energy-fill-end) 70%,black));border-radius:0;transition:transform var(--duration-slow) var(--ease-out)}.flux-board-energy__glow{position:absolute;bottom:0;left:0;right:0;height:100%;transform:scaleY(0);transform-origin:bottom;background:linear-gradient(to top,transparent,color-mix(in srgb,var(--flux-secondary) 40%,transparent));border-radius:6px;pointer-events:none;opacity:0;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.flux-board-energy[data-energy-high=true] .flux-board-energy__glow{opacity:1}.flux-board-energy[data-energy-full=true] .flux-board-energy__track{box-shadow:var(--flux-energy-glow);animation:flux-pulse 1.5s ease-in-out infinite}.flux-board-energy__markers{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.flux-board-energy__marker{position:absolute;bottom:var(--marker-pos);left:2px;right:2px;height:1px;background:#ffffff26}.flux-board-energy__value{position:absolute;top:-1.4rem;left:50%;transform:translate(-50%);font-family:var(--t-font-display, var(--t-font-mono, monospace));font-size:var(--text-2xs);font-weight:700;letter-spacing:.05em;color:var(--flux-secondary-light);text-shadow:0 0 6px color-mix(in srgb,var(--flux-secondary) 50%,transparent);white-space:nowrap}.flux-board-shop-slot{width:40px;height:40px;border-radius:6px;border:1px solid var(--flux-border);background:#00000059;display:grid;place-items:center;padding:4px;transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}@media(max-width:767px){.flux-board-shop-slot{width:52px;height:48px;border-radius:10px;padding:8px;border:1px solid color-mix(in srgb,var(--flux-secondary) 30%,transparent);background:linear-gradient(160deg,#141032b3,#0a081e80);box-shadow:0 0 6px color-mix(in srgb,var(--flux-primary) 15%,transparent),inset 0 1px #ffffff0f}.flux-board-shop-slot:active:not(:disabled){transform:scale(.92);border-color:var(--flux-secondary);box-shadow:0 0 14px var(--flux-glow),0 0 24px color-mix(in srgb,var(--flux-secondary) 20%,transparent)}}.flux-board-shop-slot:hover:not(:disabled){transform:translateY(-2px);border-color:var(--flux-primary);box-shadow:0 0 8px var(--flux-glow)}.flux-board-shop-slot:disabled,.flux-board-shop-slot[data-affordable=false]{opacity:.35;filter:saturate(.2);border-color:#ffffff0f;box-shadow:none;pointer-events:none}.flux-board-shop-slot__icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px var(--flux-secondary))}.flux-board-stability{display:none;position:absolute;right:calc(100% + var(--_frame, 3px) + 6px);top:0;bottom:0;width:24px;z-index:var(--z-elevated)}body:not([data-mode=flux]) .flux-board-stability{display:none!important}.flux-board-stability:not(.hidden){display:flex}.flux-board-stability__wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%}.flux-board-stability__bar{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;flex:1;min-height:80px}.flux-board-stability__bar:after{content:"";width:6px;height:2px;margin-top:4px;background:#ffffff4d;box-shadow:0 0 4px #ffffff26;flex-shrink:0}.flux-board-stability__bar:before{content:"";width:4px;height:1px;margin-bottom:3px;background:#fff3;flex-shrink:0}.flux-board-stability__track{position:relative;flex:1;width:14px;background:#0e1228e6;border:1px solid;border-image:linear-gradient(to bottom,#ffffff14,#ffffff2e 70%,#ffffff40) 1;border-radius:0;overflow:hidden;box-shadow:0 0 8px #00ff880f,inset 0 0 6px #00ff880a}.flux-board-stability__fill{position:absolute;bottom:0;left:0;right:0;height:100%;transform-origin:bottom;background:linear-gradient(to top,color-mix(in srgb,var(--t-accent-success, #00ff88) 65%,black),color-mix(in srgb,var(--t-accent-success, #00ff88) 55%,rgba(34,211,238,.5)));border-radius:0;transition:transform .6s ease-out,background .6s ease-out}.flux-board-stability__markers{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.flux-board-stability__marker{position:absolute;bottom:var(--marker-pos);left:1px;right:1px;height:1px;background:#ffffff1f}.flux-board-stability__value{position:absolute;top:-1.4rem;left:50%;transform:translate(-50%);font-family:var(--t-font-display, var(--t-font-mono, monospace));font-size:var(--text-2xs);font-weight:700;letter-spacing:.05em;white-space:nowrap;transition:color .3s ease}.flux-board-stability[data-stability-level=stable] .flux-board-stability__fill{background:linear-gradient(to top,color-mix(in srgb,var(--t-accent-success, #00ff88) 65%,black),color-mix(in srgb,var(--t-accent-success, #00ff88) 50%,rgba(34,211,238,.4)))}.flux-board-stability[data-stability-level=stable] .flux-board-stability__track{box-shadow:0 0 12px #00ff881f,inset 0 0 8px #00ff8814}.flux-board-stability[data-stability-level=stable] .flux-board-stability__value{color:var(--t-accent-success, #00ff88);text-shadow:0 0 6px rgba(0,255,136,.4)}.flux-board-stability[data-stability-level=warning] .flux-board-stability__fill{background:linear-gradient(to top,color-mix(in srgb,var(--t-accent-warm, #ffaa00) 65%,black),color-mix(in srgb,var(--t-accent-warm, #ffaa00) 50%,rgba(255,102,0,.5)))}.flux-board-stability[data-stability-level=warning] .flux-board-stability__track{box-shadow:0 0 12px #ffaa0026,inset 0 0 8px #ffaa0014}.flux-board-stability[data-stability-level=warning] .flux-board-stability__value{color:var(--t-accent-warm, #ffaa00);text-shadow:0 0 6px rgba(255,170,0,.4)}.flux-board-stability[data-stability-level=critical] .flux-board-stability__fill{background:linear-gradient(to top,color-mix(in srgb,var(--t-accent-danger, #ff4444) 70%,black),color-mix(in srgb,var(--t-accent-danger, #ff4444) 55%,rgba(255,0,0,.5)));animation:flux-stability-critical-pulse 1.5s ease-in-out infinite}.flux-board-stability[data-stability-level=critical] .flux-board-stability__track{box-shadow:0 0 14px #f443,inset 0 0 8px #ff44441a}.flux-board-stability[data-stability-level=critical] .flux-board-stability__value{color:var(--t-accent-danger, #ff4444);text-shadow:0 0 6px rgba(255,68,68,.5)}@keyframes flux-stability-critical-pulse{0%,to{opacity:1}50%{opacity:.6}}body[data-mode=flux] .flux-stability-container{display:none}.flux-shop-panel{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);background:var(--flux-bg);border:1px solid var(--flux-border);border-radius:var(--radius-md)}.flux-shop-header{text-align:center}.flux-shop-hint{display:block;margin-top:var(--s-1);font-size:var(--text-2xs);color:var(--flux-primary-light)}.flux-shop-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--flux-primary-light);text-shadow:0 0 10px var(--flux-glow)}.flux-shop-slots{display:flex;flex-direction:column;gap:var(--s-1\.5)}.flux-shop-slot{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:var(--s-1) var(--s-2);align-items:center;padding:var(--s-2);background:#0000004d;border:1px solid var(--flux-border);border-radius:6px;cursor:pointer;transition:all var(--duration-fast) var(--ease-default);text-align:left}.flux-shop-slot:hover:not(:disabled){background:var(--flux-bg);border-color:var(--flux-primary);box-shadow:0 0 10px var(--flux-glow)}.flux-shop-slot:active:not(:disabled){transform:scale(.98)}.flux-shop-slot:disabled,.flux-shop-slot[data-affordable=false]{opacity:.5;cursor:not-allowed}.flux-shop-slot[data-affordable=false] .flux-shop-slot-cost{color:var(--t-accent-danger, #ef4444)}.flux-shop-slot-keybind{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--flux-primary-dark);border-radius:var(--radius-sm);font-size:var(--text-2xs);font-weight:700;color:#fff}.flux-shop-slot-icon{grid-column:2;grid-row:1 / span 2;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.flux-slot-icon-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 4px var(--flux-secondary))}.flux-shop-slot-name{grid-column:3;grid-row:1;font-size:var(--text-2xs);font-weight:600;color:#fff;white-space:nowrap}.flux-shop-slot-cost{grid-column:3;grid-row:2;display:flex;align-items:center;gap:.125rem;font-size:var(--text-2xs);color:var(--flux-secondary);font-family:var(--t-font-mono, monospace)}.flux-cost-icon{font-size:var(--text-2xs)}@keyframes flux-pulse{0%,to{box-shadow:0 0 10px #a855f766,0 0 20px #22d3ee33}50%{box-shadow:0 0 20px #a855f7cc,0 0 40px #22d3ee66}}@keyframes flux-purchase-success{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 30px var(--flux-glow-intense)}to{transform:scale(1)}}@keyframes flux-purchase-fail{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.flux-shop-slot[data-purchase-success=true]{animation:flux-purchase-success .3s ease}.flux-shop-slot[data-purchase-fail=true],.flux-energy-bar[data-purchase-fail=true]{animation:flux-purchase-fail .4s ease}.game-layout[data-mode=flux] .game-layout__aside--left{margin-right:36px}.flux-shop-left,.game-layout[data-mode=flux] .rdm-wheel-card,.game-layout[data-mode=flux] .rdm-wheel-divider{display:none}.game-layout[data-mode=flux] .flux-shop-left{display:block}.game-layout[data-mode=flux] .game-layout__aside--flux{display:none}.flux-shop-panel--compact{padding:var(--s-1\.5);gap:var(--s-1)}.flux-shop-panel--compact .flux-shop-header{display:none}.flux-shop-panel--compact .flux-shop-slots{gap:var(--s-1)}.flux-shop-panel--compact .flux-shop-slot{gap:var(--s-0\.5) var(--s-1\.5);padding:var(--s-1) var(--s-1\.5)}.flux-shop-panel--compact .flux-shop-slot-keybind{width:1.25rem;height:1.25rem;font-size:.625rem}.flux-shop-panel--compact .flux-shop-slot-icon{width:20px;height:20px}.flux-shop-panel--compact .flux-shop-slot-name,.flux-shop-panel--compact .flux-shop-slot-cost{font-size:.6rem}@media(max-width:767px){[data-mode=flux] .game-layout__main{padding-top:calc(100vw / var(--board-columns, 10) / 2);padding-bottom:64px;justify-content:flex-start}[data-mode=flux] .game-layout__board{flex-shrink:0}}.game-layout__aside--flux{display:none}.game-layout__aside--flux:not(.hidden){display:flex;flex-direction:column;gap:var(--s-2);flex:0 0 var(--side-panel-width);width:var(--side-panel-width);padding:var(--s-3);justify-content:flex-start}@media(max-width:767px){.flux-energy-panel,.flux-shop-panel{display:none}}#flux-panel-container .game-layout__panel{display:flex;flex-direction:column;gap:0;align-items:center}#flux-shop-desktop{order:1}#flux-stability-container{order:2}.flux-stability-container{width:auto;padding:var(--s-3) 0;box-sizing:border-box}.flux-stability-compact{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:var(--t-bg-overlay, rgba(0, 0, 0, .6));border:1px solid var(--t-border-subtle, rgba(128, 128, 128, .3));border-radius:var(--radius-md);font-size:var(--text-base);width:auto}.stability-value-display{display:flex;align-items:center;gap:6px;white-space:nowrap}.stability-label{color:var(--t-text-secondary, rgba(255, 255, 255, .7));font-size:var(--text-sm)}.stability-percent{font-weight:700;font-size:var(--text-md);transition:color .3s ease}.stability-percent.stable{color:var(--t-accent-success, #00ff88)}.stability-percent.warning{color:var(--t-accent-warm, #ffaa00)}.stability-percent.critical{color:var(--t-accent-danger, #ff4444);animation:flux-critical-pulse 1s ease-in-out infinite}@keyframes flux-critical-pulse{0%,to{opacity:1}50%{opacity:.7}}.stability-warnings{display:flex;gap:6px}.stability-warning{display:none;align-items:center;justify-content:center;cursor:help}.warning-icon{font-size:var(--text-lg);color:var(--t-accent-warning, #facc15);animation:flux-warning-pulse 2s ease-in-out infinite}.warning-icon--critical{color:var(--t-accent-danger, #ef4444)}@keyframes flux-warning-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}body[data-mode=flux]{--ctrl-pad-bottom: calc(clamp(16px, 4vh, 36px) + 68px + var(--tv-safe-bottom))}
