:root{--sys-glass: rgba(30, 70, 130, .38);--sys-glass-deep: rgba(18, 42, 84, .55);--sys-border: rgba(150, 200, 255, .75);--sys-border-dim: rgba(150, 200, 255, .35);--sys-glow: rgba(90, 160, 255, .35);--sys-text: #f0f8ff;--sys-text-dim: #9cc0d8;--sys-gold: #ffd76a;--sys-danger: #ff6a6a;--sys-font: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.sys-panel{background:linear-gradient(180deg,#ffffff1a,#fff0 18%),linear-gradient(180deg,var(--sys-glass),var(--sys-glass-deep));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1.5px solid var(--sys-border);border-radius:12px;box-shadow:0 0 18px var(--sys-glow),0 4px 16px #00000059;color:var(--sys-text);font-family:var(--sys-font);animation:sys-pop .12s ease-out}.sys-panel--flat{animation:none}@keyframes sys-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.sys-header{font-family:var(--sys-font);text-transform:uppercase;letter-spacing:2px;color:var(--sys-text-dim);text-shadow:0 0 8px rgba(120,180,255,.8);border-bottom:1px solid var(--sys-border-dim);padding-bottom:6px;margin-bottom:8px}.sys-header:before{content:"◆ ";font-size:.85em}.sys-btn{background:#78aae640;border:1px solid var(--sys-border);border-radius:6px;color:var(--sys-text);font-family:var(--sys-font);cursor:pointer;transition:background 80ms,box-shadow 80ms}.sys-btn:hover{background:#96c8ff59;box-shadow:0 0 8px var(--sys-glow)}.sys-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.sys-input{background:#0c1c3899;border:1px solid var(--sys-border-dim);border-radius:6px;color:var(--sys-text);font-family:var(--sys-font)}.sys-input:focus{outline:none;border-color:var(--sys-border);box-shadow:0 0 8px var(--sys-glow)}.sys-slot{background:#78aae62e;border:1px solid var(--sys-border-dim);border-radius:6px;transition:border-color 80ms,box-shadow 80ms}.sys-slot:hover,.sys-slot--active{border-color:var(--sys-border);box-shadow:0 0 8px var(--sys-glow)}.sys-chip{background:linear-gradient(180deg,var(--sys-glass),var(--sys-glass-deep));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--sys-border-dim);border-radius:8px;color:var(--sys-text);font-family:var(--sys-font);text-shadow:0 1px 3px #000}.sys-track{background:#0c1c3899;border:1px solid var(--sys-border-dim);border-radius:4px;overflow:hidden}.sys-num{font-variant-numeric:tabular-nums}@keyframes sys-flash{0%{transform:scale(.9);opacity:0}12%{transform:scale(1.04);opacity:1}20%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.sys-popup{animation:sys-flash 2.4s ease-out forwards;text-shadow:0 0 12px rgba(120,180,255,.9)}