.characters-page{min-height:calc(100vh - 160px);position:relative}.chars-shell{position:relative;z-index:1}.chars-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--sp-surface-1) 94%,transparent),color-mix(in srgb,var(--sp-surface-2) 70%,transparent)),radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--sp-primary) 20%,transparent),transparent 46%),radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--sp-secondary) 16%,transparent),transparent 42%);border:1px solid var(--sp-border-strong);border-radius:20px;box-shadow:var(--sp-shadow-panel);margin-bottom:1.2rem;overflow:hidden;padding:1.2rem;position:relative}.chars-hero:after{background:linear-gradient(130deg,color-mix(in srgb,var(--sp-primary) 14%,transparent),color-mix(in srgb,var(--sp-primary) 4%,transparent) 30%,color-mix(in srgb,var(--sp-secondary) 10%,transparent) 70%,color-mix(in srgb,var(--sp-secondary) 2%,transparent));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.chars-overline{color:var(--sp-text-muted);font-family:Orbitron,sans-serif;font-size:.68rem;letter-spacing:.17em;margin:0;text-transform:uppercase}.chars-hero h1{color:color-mix(in srgb,var(--sp-primary) 88%,var(--sp-accent));font-family:Orbitron,sans-serif;font-size:clamp(2rem,4.2vw,3.42rem);letter-spacing:.02em;margin:.42rem 0 0;text-shadow:0 0 26px color-mix(in srgb,var(--sp-primary) 24%,transparent)}.chars-intro{color:var(--sp-text-main);font-size:1rem;line-height:1.62;margin:.9rem 0 1.1rem;max-width:68ch}.chars-metrics{display:grid;gap:.68rem;grid-template-columns:repeat(4,minmax(0,1fr))}.chars-metrics article{background:color-mix(in srgb,var(--sp-surface-3) 82%,transparent);border:1px solid var(--sp-border-mid);border-radius:12px;min-width:0;padding:.62rem .75rem}.chars-metrics span{color:var(--sp-text-muted);display:block;font-family:Orbitron,sans-serif;font-size:.64rem;letter-spacing:.12em;margin-bottom:.18rem;text-transform:uppercase}.chars-metrics strong{color:var(--sp-text-strong);font-family:Orbitron,sans-serif;font-size:clamp(1.1rem,2.2vw,1.35rem);line-height:1}.chars-build-notice{align-items:center;background:linear-gradient(180deg,#09142bc7,#09142b9e);border:1px solid rgba(130,171,255,.24);border-radius:13px;box-shadow:0 0 12px #488dff1f;display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr) auto;margin-bottom:1rem;padding:.65rem .7rem}.chars-build-notice p{color:#dae9fff2;font-size:.82rem;line-height:1.42;margin:0}.chars-build-actions{display:inline-flex;gap:.38rem}.chars-build-btn{align-items:center;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--sp-text-strong);cursor:pointer;display:inline-flex;font-family:Orbitron,sans-serif;font-size:.78rem;height:32px;letter-spacing:.06em;padding:0 .8rem;text-transform:uppercase;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.chars-build-btn--primary:hover,.chars-build-btn--primary:focus-visible{background:linear-gradient(120deg,color-mix(in srgb,var(--sp-primary) 20%,rgba(10,24,45,.9)),color-mix(in srgb,var(--sp-accent) 16%,rgba(10,24,45,.9)));border-color:color-mix(in srgb,var(--sp-primary) 58%,rgba(255,255,255,.25));box-shadow:0 0 0 2px color-mix(in srgb,var(--sp-primary) 24%,transparent);outline:none}.chars-build-btn--subtle{background:#050f1f8f}.chars-build-btn--subtle:hover,.chars-build-btn--subtle:focus-visible{border-color:color-mix(in srgb,var(--sp-accent) 54%,rgba(255,255,255,.25));box-shadow:0 0 0 2px color-mix(in srgb,var(--sp-accent) 20%,transparent);outline:none}.chars-section{background:linear-gradient(170deg,color-mix(in srgb,var(--sp-surface-1) 90%,transparent),color-mix(in srgb,var(--sp-surface-3) 90%,transparent));border:1px solid var(--sp-border-mid);border-radius:20px;margin-top:1.15rem;overflow:hidden;padding:1.06rem;position:relative}.chars-section--core{border-color:color-mix(in srgb,var(--sp-primary) 34%,var(--sp-border-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--sp-primary) 10%,transparent) inset}.chars-section-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:.45rem 1rem;justify-content:space-between;margin-bottom:.92rem}.chars-section-head h2{color:color-mix(in srgb,var(--sp-secondary) 78%,white);font-family:Orbitron,sans-serif;font-size:clamp(1.26rem,2.3vw,1.62rem);letter-spacing:.02em;margin:0}.chars-section-head p{color:var(--sp-text-muted);font-size:.88rem;margin:0}.chars-core-grid,.chars-grid{display:grid;gap:.92rem}.chars-core-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.chars-core-grid--five,.chars-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.chars-controls{align-items:center;display:flex;gap:.8rem;justify-content:space-between;margin-bottom:.78rem}.chars-tabs{display:flex;flex-wrap:wrap;gap:.46rem}.chars-tools{align-items:center;display:flex;gap:.56rem}.chars-tab{align-items:center;background:color-mix(in srgb,var(--sp-surface-2) 84%,transparent);border:1px solid color-mix(in srgb,var(--sp-accent) 36%,var(--sp-border-mid));border-radius:999px;color:var(--sp-text-main);cursor:pointer;display:inline-flex;font-family:Orbitron,sans-serif;font-size:.62rem;gap:.4rem;letter-spacing:.08em;padding:.3rem .55rem;text-transform:uppercase;transition:border-color .24s ease,color .24s ease,box-shadow .24s ease}.chars-tab strong{background:color-mix(in srgb,var(--sp-surface-1) 84%,transparent);border-radius:999px;color:var(--sp-text-strong);font-size:.6rem;min-width:1.4rem;padding:.15rem .35rem;text-align:center}.chars-tab:hover,.chars-tab:focus-visible{border-color:color-mix(in srgb,var(--sp-primary) 54%,var(--sp-border-strong));box-shadow:0 0 0 2px var(--sp-focus-ring);color:#fff;outline:none}.chars-tab.is-active{background:linear-gradient(110deg,color-mix(in srgb,var(--sp-accent) 38%,var(--sp-surface-2)),color-mix(in srgb,var(--sp-accent) 18%,var(--sp-surface-2)));border-color:color-mix(in srgb,var(--sp-primary) 58%,var(--sp-border-strong));box-shadow:0 0 0 2px var(--sp-focus-ring);color:#fff}.chars-sort,.chars-search{align-items:center;display:inline-flex;gap:.42rem}.chars-sort span,.chars-search span{color:var(--sp-text-muted);font-family:Orbitron,sans-serif;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.chars-sort select,.chars-search input{background:color-mix(in srgb,var(--sp-surface-2) 95%,transparent);border:1px solid color-mix(in srgb,var(--sp-accent) 38%,var(--sp-border-mid));border-radius:10px;color:var(--sp-text-strong)}.chars-sort select{font-family:Orbitron,sans-serif;font-size:.64rem;letter-spacing:.05em;min-width:168px;padding:.36rem .48rem}.chars-search-input-wrap{align-items:center;display:inline-flex;gap:.3rem}.chars-search input{font-family:Inter,sans-serif;font-size:.85rem;min-width:210px;padding:.38rem .55rem}.chars-search input::placeholder{color:color-mix(in srgb,var(--sp-text-muted) 86%,transparent)}.chars-sort select:focus-visible,.chars-search input:focus-visible{border-color:color-mix(in srgb,var(--sp-primary) 56%,var(--sp-border-strong));box-shadow:0 0 0 2px var(--sp-focus-ring);outline:none}.chars-search-spinner{animation:charsSpin .7s linear infinite;border:2px solid color-mix(in srgb,var(--sp-accent) 30%,transparent);border-radius:50%;border-top-color:color-mix(in srgb,var(--sp-primary) 88%,white);height:14px;width:14px}.chars-search-clear{background:color-mix(in srgb,var(--sp-accent) 16%,var(--sp-surface-2));border:1px solid color-mix(in srgb,var(--sp-accent) 45%,var(--sp-border-mid));border-radius:8px;color:var(--sp-text-main);font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:.08em;padding:.34rem .48rem;text-transform:uppercase}.chars-search-clear:hover,.chars-search-clear:focus-visible{border-color:color-mix(in srgb,var(--sp-primary) 56%,var(--sp-border-strong));color:#fff;outline:none}.chars-search-clear:focus-visible{box-shadow:0 0 0 2px var(--sp-focus-ring)}.chars-result-note{color:var(--sp-text-muted);font-size:.84rem;margin:0 0 .84rem}.chars-result-note strong{color:var(--sp-text-strong);font-family:Orbitron,sans-serif;font-size:.73rem;letter-spacing:.06em;text-transform:uppercase}.chars-card{--state-accent: #8ea0bd;background:color-mix(in srgb,var(--sp-surface-1) 88%,transparent);border:1px solid color-mix(in srgb,var(--sp-accent) 24%,var(--sp-border-mid));border-radius:16px;display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative;transition:border-color var(--motion-med, .2s) var(--ease-standard, ease),transform var(--motion-med, .2s) var(--ease-standard, ease),box-shadow var(--motion-med, .2s) var(--ease-standard, ease),opacity var(--motion-fast, .12s) var(--ease-standard, ease)}.chars-card:hover{border-color:color-mix(in srgb,var(--state-accent) 58%,var(--sp-border-strong));box-shadow:0 12px 22px #0000005c,0 0 0 1px color-mix(in srgb,var(--state-accent) 20%,transparent);transform:translateY(-1px)}.chars-card:active{opacity:.96}.chars-card--core{border-color:color-mix(in srgb,var(--card-accent, #4fdaff) 56%,var(--sp-border-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent, #4fdaff) 22%,transparent)}.chars-card--core:hover{box-shadow:0 18px 30px #00000075,0 0 0 1px color-mix(in srgb,var(--card-accent, #4fdaff) 34%,transparent),0 0 24px color-mix(in srgb,var(--card-accent, #4fdaff) 16%,transparent)}.chars-card-media{aspect-ratio:5 / 5.4;overflow:hidden;position:relative}.chars-card-media:after{background:linear-gradient(180deg,#020b1800 56%,#020b18f5);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.chars-card-media img{display:block;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease;width:100%}.chars-media-mask{background:linear-gradient(180deg,#000000d1,#03070feb);height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;width:100%;z-index:1}.chars-media-mask:before{background:linear-gradient(180deg,#020b1800 52%,#020b189e);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.chars-media-mask-art{display:block;height:100%;object-fit:cover;width:100%}.chars-card-media img.is-fallback,.chars-card-media img[data-fallback-applied="1"]{aspect-ratio:4 / 3;background:linear-gradient(180deg,#041328db,#050d1ff0),repeating-linear-gradient(0deg,rgba(114,199,255,.1) 0 1px,transparent 1px 8px);object-fit:contain;padding:.9rem}.chars-card:hover .chars-card-media img{filter:saturate(1.08);transform:scale(1.04)}.chars-card:hover .chars-card-media img.is-fallback,.chars-card:hover .chars-card-media img[data-fallback-applied="1"]{filter:saturate(1);transform:none}.chars-status{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:color-mix(in srgb,var(--sp-surface-2) 85%,transparent);border:1px solid color-mix(in srgb,var(--state-accent) 72%,var(--sp-border-mid));border-radius:999px;color:color-mix(in srgb,var(--state-accent) 34%,#ffffff);font-family:Orbitron,sans-serif;font-size:.6rem;left:.64rem;letter-spacing:.08em;padding:.24rem .48rem;position:absolute;text-transform:uppercase;top:.64rem;z-index:2}.chars-status--active{--state-accent: #3ad6df}.chars-status--encrypted{--state-accent: #9371ff}.chars-status--locked{--state-accent: #8799ba}.chars-status--restricted{--state-accent: #708095}.chars-status--classified{--state-accent: #9a6670}.chars-status--unknown{--state-accent: #8893a6}.chars-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.34rem;min-height:0;padding:.9rem}.chars-card h3{color:color-mix(in srgb,var(--card-accent, #4fdaff) 58%,#ffd2f4);font-size:1.2rem;line-height:1.2;margin:0;overflow-wrap:anywhere}.chars-card--core h3{font-size:1.34rem}.chars-role{color:var(--sp-text-main);font-size:.92rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chars-faction-tag{background:#09162c9e;border:1px solid color-mix(in srgb,var(--sp-accent) 26%,var(--sp-border-mid));border-radius:999px;color:color-mix(in srgb,var(--sp-text-main) 92%,white);font-family:Orbitron,sans-serif;font-size:.64rem;letter-spacing:.08em;margin:0;overflow:hidden;padding:.22rem .48rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.chars-runtime{color:var(--sp-text-muted);font-size:.76rem;margin:.06rem 0 0}.chars-summary{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--sp-text-main);display:-webkit-box;font-size:.88rem;line-height:1.46;margin:.1rem 0 0;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.chars-actions{display:grid;gap:.4rem;grid-template-columns:minmax(0,1fr) auto;margin-top:auto;padding-top:.65rem}.chars-action-btn.sp-btn{width:100%}.chars-action-btn.sp-btn--primary:hover,.chars-action-btn.sp-btn--primary:focus-visible{border-color:color-mix(in srgb,var(--state-accent) 62%,rgba(255,255,255,.24));box-shadow:0 0 0 1px color-mix(in srgb,var(--state-accent) 26%,transparent),0 0 14px color-mix(in srgb,var(--state-accent) 18%,transparent)}.chars-action-btn.sp-btn--secondary{background:color-mix(in srgb,var(--sp-surface-3) 86%,transparent);border-color:color-mix(in srgb,var(--sp-text-muted) 42%,var(--sp-border-mid));color:var(--sp-text-muted)}.chars-action-icon.sp-btn{width:32px}.chars-action-icon .sp-btn__icon svg{height:14px;width:14px}.chars-card--core .chars-faction-tag,.chars-card--core .chars-runtime,.chars-card--core .chars-summary{display:none}.chars-card--skeleton{border-style:dashed;pointer-events:none}.chars-card--skeleton:before{animation:charsShimmer 1.4s ease-in-out infinite;background:linear-gradient(120deg,transparent 30%,rgba(126,208,255,.12),transparent 70%);content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:translate(-100%);z-index:2}.chars-skeleton-block{background:linear-gradient(180deg,#0d2038e6,#081324db);height:100%;width:100%}.chars-skeleton-line{background:#639ae157;border-radius:999px;height:11px}.chars-skeleton-title{height:14px;width:74%}.chars-skeleton-role{width:61%}.chars-skeleton-faction{width:47%}.chars-skeleton-summary{width:92%}.chars-skeleton-actions{display:flex;gap:.42rem;margin-top:.58rem}.chars-skeleton-chip{background:#5fa0f052;border-radius:7px;height:32px;width:126px}.chars-skeleton-chip--icon{width:32px}.chars-empty{align-items:center;background:color-mix(in srgb,var(--sp-surface-3) 85%,transparent);border:1px dashed color-mix(in srgb,var(--sp-accent) 42%,var(--sp-border-mid));border-radius:12px;color:var(--sp-text-main);display:flex;grid-column:1 / -1;justify-content:center;min-height:180px;padding:1rem;text-align:center}.chars-empty p{margin:0}@keyframes charsSpin{to{transform:rotate(360deg)}}@keyframes charsShimmer{to{transform:translate(100%)}}@media (max-width: 1399px){.chars-grid,.chars-core-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}.chars-core-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1199px){.chars-grid,.chars-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chars-build-notice{grid-template-columns:1fr}}@media (max-width: 767px){.chars-hero,.chars-section{border-radius:16px;padding:.92rem}.chars-controls{align-items:stretch;flex-direction:column}.chars-tools{align-items:stretch;flex-direction:column;width:100%}.chars-search,.chars-sort{justify-content:space-between;width:100%}.chars-search-input-wrap{width:100%}.chars-search input,.chars-sort select{min-width:0;width:100%}.chars-grid,.chars-core-grid--five,.chars-core-grid--four,.chars-metrics{grid-template-columns:1fr}.chars-build-actions{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.chars-search-spinner,.chars-card--skeleton:before{animation:none!important}.chars-card,.chars-action-btn,.chars-action-icon,.chars-build-btn{transition:none!important}.chars-card:hover,.chars-card:hover .chars-card-media img{transform:none}}