:root{--bg: #07060f;--bg-2: #0d0b1a;--panel: rgba(20, 16, 40, .72);--panel-solid: #120f24;--line: rgba(0, 240, 255, .18);--line-strong: rgba(0, 240, 255, .45);--cyan: #00f0ff;--magenta: #ff2bd6;--purple: #9d4bff;--amber: #ffb300;--gold: #ffd34d;--text: #e8f6ff;--text-dim: #8a93b8;--danger: #ff3b6b;--ok: #28f5b0;--r-N: #6a7390;--r-R: #28f5b0;--r-SR: #9d4bff;--r-SSR: #ffb300;--r-UR: #ff2bd6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(157,75,255,.18),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(255,43,214,.12),transparent 55%),var(--bg);color:var(--text);font-family:Noto Sans SC,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,240,255,.035) 2px 3px)}.app{position:relative;z-index:1;max-width:460px;margin:0 auto;min-height:100%;padding:0 14px 90px}.mono,.num{font-family:Orbitron,monospace;letter-spacing:.04em}.neon-cyan{color:var(--cyan);text-shadow:0 0 8px rgba(0,240,255,.6)}.neon-magenta{color:var(--magenta);text-shadow:0 0 8px rgba(255,43,214,.6)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 12px}.brand{font-family:Orbitron;font-weight:700;font-size:17px}.brand small{display:block;font-family:Noto Sans SC;font-weight:400;font-size:10px;color:var(--text-dim);letter-spacing:.2em}.chips{display:flex;gap:8px}.chip{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;text-align:center;min-width:58px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chip .k{font-size:9px;color:var(--text-dim);letter-spacing:.1em}.chip .v{font-family:Orbitron;font-size:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel.clip{position:relative;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.btn{width:100%;border:1px solid var(--line-strong);background:#00f0ff0f;color:var(--cyan);font-family:Orbitron;font-weight:500;font-size:15px;padding:13px;border-radius:10px;cursor:pointer;letter-spacing:.06em;transition:transform .1s,box-shadow .2s,background .2s}.btn:hover{box-shadow:0 0 18px #00f0ff59;background:#00f0ff1f}.btn:active{transform:scale(.98)}.btn.magenta{border-color:#ff2bd680;color:var(--magenta);background:#ff2bd612}.btn.magenta:hover{box-shadow:0 0 18px #ff2bd666}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.ghost{background:transparent;border-color:var(--line);color:var(--text-dim);font-family:Noto Sans SC}.field{width:100%;background:#00000059;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text);font-size:14px;outline:none;font-family:inherit;line-height:1.5;box-sizing:border-box}.field::placeholder{color:var(--text-dim)}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f0ff1f}textarea.field{resize:none}label.lbl{font-size:11px;color:var(--text-dim);letter-spacing:.1em;display:block;margin:12px 0 5px}.card-stage{min-height:280px;display:flex;align-items:center;justify-content:center}.card{width:100%;border-radius:14px;padding:18px;border:1.5px solid var(--line);background:var(--panel-solid);text-align:center;transition:transform .18s;position:relative;overflow:hidden}.card .ico{font-size:52px;margin:6px 0}.card .nm{font-size:24px;font-weight:700}.rar-badge{display:inline-block;font-family:Orbitron;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.stat-row{display:flex;justify-content:center;gap:18px;margin:12px 0}.stat .k{font-size:9px;color:var(--text-dim)}.stat .v{font-family:Orbitron;font-size:18px}.skillbox{background:#0000004d;border-radius:8px;padding:9px 11px;text-align:left;font-size:12px}.skillbox .k{font-size:10px;color:var(--text-dim)}.dex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.cell{position:relative;overflow:hidden;aspect-ratio:1;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);background:#00000040}.cell.locked{opacity:.5}.cell-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cr-badge{position:absolute;bottom:3px;right:4px;z-index:2;font-family:Orbitron;font-size:8px;padding:1px 4px;border-radius:5px;background:#000000b3;border:1px solid}.cell .ci{font-size:20px}.cell .cr{font-family:Orbitron;font-size:8px;margin-top:2px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 4px 10px}.section-title h3{margin:0;font-size:14px;font-weight:500}.toast{text-align:center;font-size:12px;min-height:16px;margin:8px 0 2px;transition:opacity .2s}.nav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:6px;padding:10px;background:linear-gradient(0deg,var(--bg),transparent)}.nav a{flex:1;max-width:120px;min-width:0;text-align:center;text-decoration:none;color:var(--text-dim);font-size:11px;padding:7px 4px;border:1px solid var(--line);border-radius:10px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;transition:color .15s,border-color .15s,box-shadow .15s}.nav a.active{color:var(--cyan);border-color:var(--line-strong);box-shadow:0 0 12px #00f0ff33}.nav a i{display:block;font-size:18px;margin-bottom:2px}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal .28s ease both}.dots:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%,to{content:"···"}}.caret{display:inline-block;width:.5em;color:var(--cyan);animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.err{color:var(--danger);font-size:12px;margin-top:8px;min-height:14px}.hr{height:1px;background:var(--line);margin:16px 0;border:0}.progress{height:5px;background:#0006;border-radius:4px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan))}.cfg-group{margin-bottom:18px}.cfg-group h4{font-size:12px;color:var(--cyan);margin:0 0 8px;letter-spacing:.1em}.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.cfg-row .meta{flex:1;min-width:0}.cfg-row .meta .lab{font-size:13px}.cfg-row .meta .hint{font-size:10px;color:var(--text-dim)}.cfg-row input,.cfg-row select{background:#0006;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:6px 8px;font-size:12px;max-width:130px}.switch{width:42px;height:24px;border-radius:20px;border:1px solid var(--line);background:#0006;position:relative;cursor:pointer}.switch.on{background:#00f0ff33;border-color:var(--cyan)}.switch i{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:left .15s,background .15s}.switch.on i{left:20px;background:var(--cyan)}