.sys-shell{--sys-bg:#070b14;--sys-bg-2:#0b1220;--sys-line:#3fa9f5;--sys-line-soft:#3fa9f56b;--sys-line-dim:#3fa9f529;--sys-glow:#3fa9f559;--sys-pane:#0a1428b8;--sys-pane-2:#0c18308c;--sys-ink:#e8f1ff;--sys-ink-2:#8fa3c7;--sys-ink-3:#5d6f92;--sys-key:#5cc8ff;--sys-gold:#f5c542;--sys-violet:#8b5cf6;--sys-bad:#ff6b6b;--sys-ok:#49e3a4;--sys-display:"Orbitron", "Rajdhani", ui-sans-serif, system-ui, sans-serif;--sys-sans:"Rajdhani", ui-sans-serif, system-ui, sans-serif;--sys-mono:"Share Tech Mono", ui-monospace, "JetBrains Mono", monospace}:is(body:has(.sys-shell)>header,body:has(.sys-shell)>footer){display:none!important}body:has(.sys-shell){color:#e8f1ff;background:#070b14}body:has(.sys-shell)>main{flex:auto;min-height:100dvh}.sys-shell{isolation:isolate;background:radial-gradient(120% 70% at 50% -10%, #10203c 0%, #0b122000 62%), radial-gradient(90% 60% at 50% 110%, #0c1a30 0%, #070b1400 70%), var(--sys-bg);min-height:100dvh;color:var(--sys-ink);font-family:var(--sys-sans);padding:calc(env(safe-area-inset-top) + 1.25rem) 1rem calc(env(safe-area-inset-bottom) + 6rem);font-size:16px;line-height:1.45;position:relative;overflow-x:hidden}.sys-shell:before,.sys-shell:after{content:"";pointer-events:none;z-index:-1;position:fixed;inset:0}.sys-shell:before{background:radial-gradient(115% 85% at 50% 40%,#0000 45%,#0000008c 100%)}.sys-shell:after{opacity:.55;background:repeating-linear-gradient(#8cc8ff0a 0 1px,#0000 1px 4px)}.sys-page{flex-direction:column;gap:1rem;width:100%;max-width:520px;margin:0 auto;display:flex}.sys-page--center{justify-content:center;min-height:calc(100dvh - 6rem)}.sys-shell h1,.sys-shell h2,.sys-shell h3{font-family:var(--sys-display);letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1.15}.sys-label{font-family:var(--sys-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sys-ink-2);font-size:.66rem}.sys-key{color:var(--sys-key)}.sys-num{font-family:var(--sys-mono);font-variant-numeric:tabular-nums}.sys-muted{color:var(--sys-ink-2)}.sys-dim{color:var(--sys-ink-3)}.sys-text{color:var(--sys-ink);font-size:.98rem}.sys-win{border:1px solid var(--sys-line-soft);background:var(--sys-pane);-webkit-backdrop-filter:blur(12px)saturate(120%);box-shadow:0 0 24px var(--sys-glow), inset 0 0 12px #3fa9f526;border-radius:2px;animation:.3s cubic-bezier(.22,1,.36,1) both sys-materialize;position:relative}.sys-win--flat{background:var(--sys-pane-2);border-color:var(--sys-line-dim);box-shadow:inset 0 0 12px #3fa9f51a}@keyframes sys-materialize{0%{opacity:0;transform:scale(.98)translateY(6px);box-shadow:0 0 #3fa9f500,inset 0 0 #3fa9f500}to{opacity:1;transform:none}}.sys-corner{border:0 solid var(--sys-key);pointer-events:none;width:11px;height:11px;position:absolute}.sys-corner-tl{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.sys-corner-tr{border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.sys-corner-bl{border-bottom-width:2px;border-left-width:2px;bottom:-1px;left:-1px}.sys-corner-br{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.sys-win-head{border-bottom:1px solid var(--sys-line-dim);background:linear-gradient(#3fa9f51f,#3fa9f500);align-items:center;gap:.5rem;padding:.6rem .85rem;display:flex}.sys-win-title{font-family:var(--sys-display);letter-spacing:.22em;text-transform:uppercase;color:var(--sys-key);font-size:.66rem;font-weight:700}.sys-win-title-aside{font-family:var(--sys-mono);letter-spacing:.12em;color:var(--sys-ink-3);margin-left:auto;font-size:.64rem}.sys-win-body{padding:1rem .95rem 1.1rem}.sys-bang{border:1px solid var(--sys-key);width:1.05rem;height:1.05rem;font-family:var(--sys-display);color:var(--sys-key);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:inline-flex;box-shadow:0 0 10px #5cc8ff80}.sys-sigil{--sig:var(--sys-key);--sig-glow:#5cc8ff80;filter:drop-shadow(0 0 9px var(--sig-glow));flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.sys-sigil svg{width:100%;height:100%;position:absolute;inset:0}.sys-sigil polygon{fill:color-mix(in srgb, var(--sig) 13%, #070e1a);stroke:var(--sig);stroke-width:1.5px;stroke-linejoin:miter}.sys-sigil-label{font-family:var(--sys-display);letter-spacing:.04em;color:var(--sig);text-shadow:0 0 12px var(--sig-glow);font-weight:700;position:relative}.sys-sigil--xs{width:1.9rem;height:2.2rem;font-size:.58rem}.sys-sigil--sm{width:2.3rem;height:2.65rem;font-size:.72rem}.sys-sigil--md{width:3rem;height:3.45rem;font-size:.88rem}.sys-sigil--lg{width:5.4rem;height:6.2rem;font-size:1.75rem}.sys-sigil--lg polygon{stroke-width:2px}.sys-sigil[data-long="1"] .sys-sigil-label{font-size:.62em}.sys-rank-F,.sys-rank-E,.sys-rank-D{--sig:#8fa3c7;--sig-glow:#8fa3c74d}.sys-rank-C,.sys-rank-B{--sig:#3fa9f5;--sig-glow:#3fa9f573}.sys-rank-A{--sig:#5cc8ff;--sig-glow:#5cc8ffb3}.sys-rank-S,.sys-rank-SS,.sys-rank-SSS{--sig:#f5c542;--sig-glow:#f5c542a6}.sys-rank-Legendario{--sig:#a78bfa;--sig-glow:#8b5cf6a6}.sys-rank-Platino{--sig:#dbe7f5;--sig-glow:#dbe7f599}.sys-rank-Eclipse{--sig:#ff8a3d;--sig-glow:#ff5a28a6}.sys-rank-Eclipse polygon{fill:#140d07}.sys-exp{border:1px solid var(--sys-line-dim);background:#081020e6;height:6px;position:relative;overflow:hidden}.sys-exp-fill{background:linear-gradient(90deg, #3fa9f58c, var(--sys-key));transform-origin:0;animation:.7s cubic-bezier(.22,1,.36,1) both sys-fill;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #5cc8ffcc}.sys-exp-fill:after{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 10px #fff}@keyframes sys-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sys-stats{background:var(--sys-line-dim);border:1px solid var(--sys-line-dim);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.sys-stat{background:#080f1ebf;flex-direction:column;justify-content:center;gap:.15rem;min-height:3.6rem;padding:.6rem .7rem;display:flex}.sys-stat-value{font-family:var(--sys-mono);color:var(--sys-ink);font-variant-numeric:tabular-nums;font-size:1.25rem;line-height:1}.sys-stat-value.is-key{color:var(--sys-key)}.sys-stat-hint{color:var(--sys-ink-3);font-size:.72rem}.sys-btn{border:1px solid var(--sys-line-soft);width:100%;min-height:44px;color:var(--sys-ink);font-family:var(--sys-display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#3fa9f529,#3fa9f50a);border-radius:2px;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:.72rem;font-weight:700;transition:box-shadow .18s,background .18s,transform 60ms;display:inline-flex}.sys-btn:hover{background:linear-gradient(#3fa9f542,#3fa9f514);box-shadow:0 0 18px #3fa9f566}.sys-btn:active{transform:translateY(1px)}.sys-btn--primary{border-color:var(--sys-key);color:#fff;background:linear-gradient(#5cc8ff4d,#3fa9f51f);box-shadow:0 0 18px #5cc8ff59,inset 0 0 10px #5cc8ff2e}.sys-btn--ghost{border-color:var(--sys-line-dim);color:var(--sys-ink-2);background:0 0}.sys-btn--danger{color:#ffb4b4;background:#ff6b6b14;border-color:#ff6b6b80}.sys-btn[disabled],.sys-btn[aria-disabled=true]{opacity:.45;pointer-events:none}.sys-btn--auto{width:auto}.sys-field{margin-bottom:.9rem;display:block}.sys-field>.sys-label{margin-bottom:.3rem;display:block}.sys-input,.sys-select{border:1px solid var(--sys-line-dim);width:100%;min-height:44px;color:var(--sys-ink);font-family:var(--sys-sans);letter-spacing:.02em;background:#060c18d9;border-radius:2px;padding:0 .75rem;font-size:1rem}.sys-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--sys-key) 50%), linear-gradient(135deg, var(--sys-key) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2rem}.sys-input::placeholder{color:var(--sys-ink-3)}.sys-input:focus,.sys-select:focus{border-color:var(--sys-key);outline:none;box-shadow:0 0 0 1px #5cc8ff59,0 0 16px #3fa9f54d}.sys-shell :focus-visible{outline:2px solid var(--sys-key);outline-offset:2px}.sys-hint{color:var(--sys-ink-3);margin-top:.3rem;font-size:.76rem}.sys-error{color:#ffc0c0;background:#ff6b6b1a;border:1px solid #ff6b6b73;padding:.55rem .7rem;font-size:.88rem}.sys-ok{color:#a9f3d5;background:#49e3a414;border:1px solid #49e3a466;padding:.55rem .7rem;font-size:.88rem}.sys-strip{border:1px solid var(--sys-line-dim);border-left:2px solid var(--sys-key);background:#0a142899;align-items:center;gap:.6rem;padding:.6rem .7rem;display:flex}.sys-strip--warn{border-left-color:var(--sys-gold)}.sys-strip--warn .sys-bang{border-color:var(--sys-gold);color:var(--sys-gold);box-shadow:0 0 10px #f5c54280}.sys-portrait{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:84px;height:96px;font-family:var(--sys-display);color:var(--sys-key);background:linear-gradient(160deg,#3fa9f540,#081020e6);border:0;flex:none;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:relative;box-shadow:0 0 20px #3fa9f559}.sys-portrait img{object-fit:cover;width:100%;height:100%}.sys-portrait-wrap{padding:4px;position:relative}.sys-portrait-wrap .sys-corner{width:10px;height:10px}.sys-row{border-bottom:1px solid var(--sys-line-dim);color:inherit;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.sys-row:last-child{border-bottom:0}.sys-row:hover{background:#3fa9f512}.sys-row.is-me{box-shadow:inset 2px 0 0 var(--sys-key);background:#5cc8ff1f}.sys-pos{font-family:var(--sys-mono);color:var(--sys-ink-3);text-align:right;font-variant-numeric:tabular-nums;flex:none;width:2rem;font-size:.95rem}.sys-pos.is-top{color:var(--sys-gold)}.sys-tabs{border:1px solid var(--sys-line-dim);gap:0;display:flex}.sys-tab{min-height:40px;font-family:var(--sys-display);letter-spacing:.16em;text-transform:uppercase;color:var(--sys-ink-2);flex:1;justify-content:center;align-items:center;font-size:.65rem;display:inline-flex}.sys-tab[aria-current=true]{color:#fff;box-shadow:inset 0 -2px 0 var(--sys-key);background:#3fa9f52e}.sys-nav{z-index:30;padding:.35rem .5rem calc(env(safe-area-inset-bottom) + .35rem);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--sys-line-dim);background:#060b16eb;justify-content:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #0009}.sys-nav-item{max-width:130px;min-height:44px;color:var(--sys-ink-3);font-family:var(--sys-mono);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;font-size:.6rem;display:flex}.sys-nav-item[aria-current=page]{color:var(--sys-key);text-shadow:0 0 10px #5cc8ff99}.sys-nav-item svg{width:20px;height:20px}.sys-overlay{z-index:60;-webkit-backdrop-filter:blur(6px);background:radial-gradient(80% 60% at 50% 45%,#0a1e3cc7,#03060cf0);justify-content:center;align-items:center;padding:1.25rem;animation:.22s both sys-fade;display:flex;position:fixed;inset:0}@keyframes sys-fade{0%{opacity:0}}.sys-overlay .sys-win{width:100%;max-width:420px}.sys-caret{border-bottom:2px solid var(--sys-key);width:.55em;margin-left:.08em;animation:.9s step-end infinite sys-blink;display:inline-block}@keyframes sys-blink{50%{opacity:0}}.sys-logo{filter:drop-shadow(0 0 18px #5cc8ff8c)}.sys-rule{background:var(--sys-line-dim);border:0;height:1px;margin:.9rem 0}.sys-stack{flex-direction:column;gap:.75rem;display:flex}.sys-row-between{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sys-chip{border:1px solid var(--sys-line-dim);font-family:var(--sys-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sys-ink-2);align-items:center;gap:.35rem;padding:.15rem .5rem;font-size:.66rem;display:inline-flex}.sys-chip--ok{color:#8ef0c6;border-color:#49e3a473}.sys-chip--warn{color:var(--sys-gold);border-color:#f5c54280}.sys-link{color:var(--sys-key);border-bottom:1px solid #5cc8ff59;text-decoration:none}.sys-link:hover{text-shadow:0 0 10px #5cc8ff80}.sys-center{text-align:center}@media (min-width:900px){.sys-shell{padding-top:2.5rem;padding-bottom:7rem}.sys-nav{border:1px solid var(--sys-line-dim);border-bottom:0;width:min(520px,100%);left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sys-shell *,.sys-shell :before,.sys-shell :after{transition:none!important;animation:none!important}.sys-exp-fill{animation:none!important}}.sys-cropper{border:1px solid var(--sys-line,#3fa9f5);background:#0a1428b8;margin-top:.5rem;padding:.9rem}.sys-range{appearance:none;background:#5cc8ff59;outline:none;height:3px}.sys-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#5cc8ff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 12px #5cc8ffcc}.sys-range::-moz-range-thumb{cursor:pointer;background:#5cc8ff;border:0;border-radius:50%;width:22px;height:22px}
