*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#08080c;font-family:Barlow,sans-serif;color:#e8e6e0;overflow:hidden}:root{--gold:#c9a84c;--gold-lt:#e2c96a;--gold-dim:rgba(201,168,76,.12);--gold-bdr:rgba(201,168,76,.24);--bg0:#08080c;--bg1:#0f0f16;--bg2:#16161f;--bg3:#1d1d2a;--bg4:#252536;--bdr:rgba(255,255,255,.07);--bdr2:rgba(255,255,255,.04);--text:#e8e6e0;--text2:#8a8898;--text3:#4e4c60;--green:#3ecf8e;--orange:#f59e0b;--red:#ef4444;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px }.sw{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .3s ease}.sw.on{opacity:1;pointer-events:all}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:99px}.flex{display:flex}.col{display:flex;flex-direction:column}.g3{gap:3px}.g4{gap:4px}.g5{gap:5px}.g6{gap:6px}.g8{gap:8px}.g10{gap:10px}.g12{gap:12px}.g14{gap:14px}.g16{gap:16px}.g18{gap:18px}.g20{gap:20px}.g24{gap:24px}.dsp{font-family:Bebas Neue,sans-serif;letter-spacing:.08em;line-height:1}.mono{font-family:IBM Plex Mono,monospace}.lbl{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text3)}.gold-t{background:linear-gradient(135deg,#e2c96a,#c9a84c 60%,#a07830);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r-lg)}.div{height:1px;background:var(--bdr);flex-shrink:0}.inp{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r-sm);padding:12px 16px;color:var(--text);font-size:15px;width:100%;font-family:Barlow,sans-serif;outline:none;transition:border-color .2s}.inp:focus{border-color:var(--gold-bdr)}.btn-p{background:linear-gradient(135deg,#e2c96a,#c9a84c);color:#0d0c08;font-weight:700;border:none;border-radius:var(--r-sm);cursor:pointer;font-family:Barlow,sans-serif;letter-spacing:.08em;transition:opacity .15s,transform .15s}.btn-p:hover{opacity:.9;transform:translateY(-1px)}.btn-p:active{transform:translateY(0)}.btn-p:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-g{background:transparent;border:1px solid var(--bdr);border-radius:var(--r-sm);color:var(--text2);cursor:pointer;font-family:Barlow,sans-serif;transition:border-color .15s,color .15s}.btn-g:hover{border-color:#ffffff29;color:var(--text)}.btn-d{background:#ef444414;border:1px solid rgba(239,68,68,.28);border-radius:var(--r-sm);color:var(--red);cursor:pointer;font-family:Barlow,sans-serif;transition:background .15s}.btn-d:hover{background:#ef444429}.bdg{display:inline-flex;align-items:center;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px;white-space:nowrap;-webkit-user-select:none;user-select:none}.b-gld{background:#c9a84c1f;color:var(--gold);border:1px solid rgba(201,168,76,.28)}.b-grn{background:#3ecf8e14;color:var(--green);border:1px solid rgba(62,207,142,.22)}.b-red{background:#ef444414;color:var(--red);border:1px solid rgba(239,68,68,.28)}.b-org{background:#f59e0b14;color:var(--orange);border:1px solid rgba(245,158,11,.22)}.b-dim{background:#ffffff0a;color:var(--text3);border:1px solid var(--bdr)}.dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.d-on{background:var(--green);box-shadow:0 0 6px #3ecf8e8c}.d-by{background:var(--orange);box-shadow:0 0 6px #f59e0b8c}.d-off{background:var(--text3)}.pers-ph{background:#2e2e42;border-radius:inherit;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.pers-hd{position:absolute;top:16%;left:50%;transform:translate(-50%);width:34%;border-radius:50%;background:#4a4a62;border:1px solid rgba(255,255,255,.15);aspect-ratio:1}.pers-bd{position:absolute;bottom:-2%;left:50%;transform:translate(-50%);width:62%;height:50%;border-radius:50% 50% 0 0;background:#4a4a62}.img-ph{background:#22223a;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.img-ph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 14px,rgba(255,255,255,.045) 14px,rgba(255,255,255,.045) 15px)}.topbar{height:58px;flex-shrink:0;background:#08080ce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--bdr);display:flex;align-items:center;padding:0 28px;gap:20px;position:sticky;top:0;z-index:10}.ntab{padding:5px 14px;border-radius:var(--r-xs);font-size:12px;font-weight:600;letter-spacing:.07em;cursor:pointer;border:1px solid transparent;transition:all .18s;color:var(--text3);white-space:nowrap;text-transform:uppercase;-webkit-user-select:none;user-select:none}.ntab:hover{color:var(--text2)}.ntab.on{background:var(--gold-dim);color:var(--gold);border-color:var(--gold-bdr)}.char-card{width:220px;flex-shrink:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--bdr);background:var(--bg2);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.char-card:hover{transform:translateY(-4px);border-color:#ffffff24}.char-card.sel{border-color:var(--gold-bdr)!important;background:var(--gold-dim)!important;box-shadow:0 0 32px #c9a84c24}.glow{box-shadow:0 8px 40px #c9a84c1f}.sl-track{height:20px;background:transparent;border-radius:99px;position:relative;cursor:pointer;touch-action:none;display:flex;align-items:center}.sl-rail{position:absolute;left:0;right:0;height:3px;background:var(--bg4);border-radius:99px}.sl-fill{height:3px;background:linear-gradient(90deg,#c9a84c,#e2c96a);border-radius:99px;position:absolute;left:0;pointer-events:none}.sl-thumb{width:14px;height:14px;border-radius:50%;background:var(--bg1);border:2px solid var(--gold);position:absolute;box-shadow:0 0 8px #c9a84c73;transform:translate(-50%);cursor:grab;top:50%;margin-top:-7px;transition:box-shadow .15s}.sl-track:hover .sl-thumb{box-shadow:0 0 14px #c9a84cb3}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--bg2);border:1px solid var(--gold-bdr);border-radius:var(--r-sm);padding:10px 22px;font-size:14px;color:var(--gold);z-index:200;animation:fadeup .25s ease;pointer-events:none}@keyframes fadeup{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}