.sys-window{border:1px solid var(--line-strong);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(6px);background:linear-gradient(#0c2042db 0%,#051024e6 100%);flex-direction:column;gap:14px;min-width:0;padding:18px 18px 20px;display:flex;position:relative;overflow:hidden}.sys-window:after{content:"";pointer-events:none;opacity:.7;background:linear-gradient(#0000 0%,#78d2ff0f 50%,#0000 100%);height:40%;animation:6s linear infinite sys-scan;position:absolute;inset:0}.sys-window--gold{box-shadow:var(--shadow-gold);border-color:#ffd166d9}.sys-window--warn{box-shadow:var(--shadow-warn);border-color:#ff4d6ad9}.sys-window--flat:after{display:none}.sys-corner{border-color:var(--glow);pointer-events:none;width:14px;height:14px;filter:drop-shadow(0 0 4px var(--glow));border-style:solid;position:absolute}.sys-window--gold .sys-corner{border-color:var(--gold);filter:drop-shadow(0 0 4px var(--gold))}.sys-window--warn .sys-corner{border-color:var(--warn);filter:drop-shadow(0 0 4px var(--warn))}.sys-corner--tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.sys-corner--tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.sys-corner--bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.sys-corner--br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.sys-header{justify-content:center;align-items:center;gap:12px;padding-bottom:12px;display:flex;position:relative}.sys-header:after{content:"";background:linear-gradient(90deg, transparent, var(--line-strong), transparent);height:1px;position:absolute;bottom:0;left:8%;right:8%}.sys-header--left{justify-content:space-between}.sys-header--left:after{left:0;right:0}.sys-title{border:1px solid var(--line-strong);font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--fg);text-shadow:0 0 8px var(--glow);box-shadow:inset 0 0 14px -4px var(--glow-soft), 0 0 10px -4px var(--glow-soft);align-items:center;gap:12px;padding:6px 16px;font-size:1rem;font-weight:600;display:inline-flex}.sys-window--gold .sys-title{border-color:var(--gold);text-shadow:0 0 8px var(--gold)}.sys-window--warn .sys-title{border-color:var(--warn);text-shadow:0 0 8px var(--warn)}.sys-icon{letter-spacing:0;width:24px;height:24px;color:var(--glow);border:1px solid;border-radius:50%;place-items:center;font-size:.85rem;display:inline-grid}.sys-window--gold .sys-icon{color:var(--gold)}.sys-window--warn .sys-icon{color:var(--warn)}.sys-header-extra{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.08em;font-size:.8rem}.sys-body{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.sys-btn{border:1px solid var(--line-strong);min-height:44px;color:var(--fg);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;text-shadow:0 0 6px var(--glow-soft);white-space:nowrap;background:#143c6e59;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-size:.92rem;font-weight:600;transition:background .15s,box-shadow .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.sys-btn:hover:not(:disabled),.sys-btn:focus-visible{box-shadow:0 0 18px -2px var(--glow-soft), inset 0 0 14px -4px var(--glow);background:#286ebe73;outline:none}.sys-btn:disabled{opacity:.45;cursor:not-allowed}.sys-btn--primary{border-color:var(--glow);background:linear-gradient(#3ca0ff73,#1450a073)}.sys-btn--gold{border-color:var(--gold);color:var(--gold);text-shadow:0 0 6px var(--gold-soft);background:#785a1440}.sys-btn--gold:hover:not(:disabled){box-shadow:0 0 18px -2px var(--gold-soft);background:#a0781e59}.sys-btn--danger{border-color:var(--warn);color:#ffd5dc;background:#7814284d}.sys-btn--danger:hover:not(:disabled){box-shadow:0 0 18px -2px var(--warn-soft);background:#a01e3766}.sys-btn--ghost{border-color:var(--line);background:0 0}.sys-btn--sm{letter-spacing:.12em;min-height:34px;padding:4px 12px;font-size:.78rem}.sys-btn--block{width:100%}.sys-btn--icon{letter-spacing:0;min-width:34px;min-height:34px;padding:0;font-size:1.1rem}.sys-choice{border:1px solid var(--line);min-height:40px;color:var(--fg-dim);cursor:pointer;font-family:var(--font-body);background:#08183299;align-items:center;gap:8px;padding:6px 14px;font-size:.98rem;font-weight:600;transition:all .15s;display:inline-flex}.sys-choice:hover{border-color:var(--glow);color:var(--fg)}.sys-choice.is-selected{border-color:var(--glow);color:var(--fg);box-shadow:0 0 14px -4px var(--glow), inset 0 0 12px -6px var(--glow);background:#286ebe59}.sys-choice__icon{color:var(--glow)}.sys-bar{flex-direction:column;gap:4px;display:flex}.sys-bar__labels{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.06em;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.78rem;display:flex}.sys-bar__track{border:1px solid var(--line);background:#040e1ee6;height:10px;position:relative;overflow:hidden}.sys-bar__fill{background:linear-gradient(90deg, #1565c0, var(--glow));box-shadow:0 0 12px var(--glow);transition:width .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.sys-bar--hp .sys-bar__fill{box-shadow:0 0 12px var(--warn);background:linear-gradient(90deg,#9b1030,#ff4d6a)}.sys-bar--mp .sys-bar__fill{background:linear-gradient(90deg,#1e3fa8,#5c8dff);box-shadow:0 0 12px #5c8dff}.sys-bar--gold .sys-bar__fill{background:linear-gradient(90deg, #8f6200, var(--gold));box-shadow:0 0 12px var(--gold)}.sys-bar--boss .sys-bar__track{height:16px}.sys-bar--boss .sys-bar__fill{box-shadow:0 0 16px var(--warn);background:linear-gradient(90deg,#6d0f22,#ff4d6a 70%,#ff9aa9)}.sys-bar--sm .sys-bar__track{height:6px}.sys-field{flex-direction:column;gap:6px;min-width:0;display:flex}.sys-field__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);font-size:.76rem}.sys-input,.sys-select,.sys-textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--fg);font-family:var(--font-body);background:#030c1cd9;padding:10px 12px;font-size:1rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.sys-textarea{resize:vertical;min-height:84px}.sys-input:focus,.sys-select:focus,.sys-textarea:focus{border-color:var(--glow);box-shadow:0 0 14px -4px var(--glow);outline:none}.sys-input::placeholder,.sys-textarea::placeholder{color:#4e6a8e}.sys-field__error{color:var(--warn);font-size:.85rem}.sys-field__hint{color:var(--muted);font-size:.85rem}.sys-toasts{z-index:60;top:max(12px, env(safe-area-inset-top));pointer-events:none;flex-direction:column;gap:10px;width:min(440px,100vw - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.sys-toast{pointer-events:auto;cursor:pointer;gap:6px;padding:12px 14px}.sys-toast__head{font-family:var(--font-display);letter-spacing:.24em;color:var(--glow);text-shadow:0 0 8px var(--glow);align-items:center;gap:10px;font-size:.82rem;display:flex}.sys-window--warn .sys-toast__head{color:var(--warn);text-shadow:0 0 8px var(--warn)}.sys-window--gold .sys-toast__head{color:var(--gold);text-shadow:0 0 8px var(--gold)}.sys-toast__msg{color:var(--fg);font-size:1rem}.sys-overlay{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle,#0a1e46bf,#000000e0);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sys-overlay__card{text-align:center;align-items:center;width:min(460px,100%)}.sys-overlay__ring{border:2px solid var(--gold);pointer-events:none;border-radius:50%;width:260px;height:260px;margin:-130px 0 0 -130px;animation:1.6s ease-out infinite sys-levelup-ring;position:absolute;top:50%;left:50%}.sys-overlay__ring:nth-child(2){animation-delay:.5s}.sys-overlay__big{font-family:var(--font-display);letter-spacing:.12em;font-size:clamp(2.6rem,10vw,4rem);font-weight:700;line-height:1}.sys-overlay__msg{max-width:34ch;margin:0 auto;font-size:1.15rem}.sys-loader{color:var(--fg-dim);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;place-items:center;gap:14px;padding:40px 16px;font-size:.8rem;display:grid}.sys-loader__ring{border:2px solid var(--line);border-top-color:var(--glow);width:44px;height:44px;box-shadow:0 0 16px -4px var(--glow);border-radius:50%;animation:.9s linear infinite sys-spin}.sys-msg{font-family:var(--font-body);color:var(--fg);font-size:1.05rem}.sys-msg:before{content:"[";color:var(--glow);margin-right:2px}.sys-msg:after{content:"]";color:var(--glow);margin-left:2px}.sys-caret:after{content:"▌";color:var(--glow);margin-left:2px;animation:1s step-end infinite sys-blink}.sys-error{border:1px solid var(--warn);color:#ffd5dc;background:#500a1973;padding:10px 12px;font-size:.95rem}.sys-empty{text-align:center;color:var(--fg-dim);padding:20px 8px}.sys-chip{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.1em;color:var(--fg-dim);text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;padding:2px 8px;font-size:.72rem;display:inline-flex}.sys-chip--gold{border-color:var(--gold-soft);color:var(--gold)}.sys-chip--ok{color:var(--ok);border-color:#4fe3a866}.sys-chip--warn{border-color:var(--warn-soft);color:var(--warn)}.sys-modal-backdrop{z-index:50;background:#00040cc7;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.sys-modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.sys-particles{z-index:0;pointer-events:none;position:fixed;inset:0}