.f-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 var(--os-gap);flex-wrap:wrap}.f-top .os-btn{padding:7px 11px;font-size:11px}.f-pn{display:flex;gap:6px}.f-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--os-gap);align-items:start}.f-scan{position:sticky;top:64px;height:min(78svh,780px);border:1px solid var(--os-line);background:radial-gradient(circle at 50% 35%,rgba(61,255,143,.08),transparent 70%)}.f-scan canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.f-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}html.no-scan .f-still{opacity:1;filter:grayscale(1) sepia(1) hue-rotate(80deg) saturate(2) brightness(1.4)}.f-status{position:absolute;left:12px;bottom:10px;max-width:calc(100% - 24px);padding:3px 8px;background:#020805d1;white-space:nowrap;overflow:hidden}.os-reticle .lock{position:absolute;left:100%;top:50%;white-space:nowrap;margin-left:4px;opacity:0;transition:opacity .3s}.os-reticle.locked .lock{opacity:1}.f-stamp{position:absolute;right:16px;top:16px;font:700 15px var(--os-mono);letter-spacing:.2em;text-transform:uppercase;border:2px solid currentColor;padding:6px 12px;transform:rotate(-8deg);background:#020504b3}.f-stamp[hidden]{display:none}.f-read{display:grid;gap:12px}.f-read>.os-label{margin:0}.f-name{font-size:clamp(36px,5.4vw,80px);overflow-wrap:anywhere}.th-main{display:grid;grid-template-columns:minmax(130px,200px) minmax(0,1fr);gap:14px;align-items:center}.th-dial{display:grid;justify-items:center;gap:2px}.th-n{display:flex;align-items:baseline;gap:6px;margin:0}.th-n b{font-family:var(--os-display);font-size:30px;line-height:1}.th-read p{margin:0}.th-rank b{font-family:var(--os-display);font-size:30px;line-height:1}.th-band{font-family:var(--os-display);font-size:21px;text-transform:uppercase;letter-spacing:.02em;margin-top:2px!important}.th-line{margin-top:6px!important;font-size:14px;line-height:1.4;color:var(--os-text)}.th-how{margin:8px 0 6px;font-size:11px;letter-spacing:.1em;line-height:1.5}@media(max-width:420px){.th-main{grid-template-columns:minmax(0,1fr)}.th-dial{max-width:220px}}.v-ask{margin:0 0 10px}.v-btns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.v-btns button{font:inherit;text-align:left;display:grid;gap:2px;padding:9px 10px;color:var(--os-text);background:#3dff8f08;border:1px solid var(--os-line);cursor:pointer}.v-btns button b{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.v-btns button span{font-size:11px;color:var(--os-dim)}.v-btns button:hover{border-color:var(--os-line-hi)}.v-btns button[aria-pressed=true]{border-color:currentColor;background:#3dff8f1a}.v-btns [data-v=ally] b{color:var(--os-green)}.v-btns [data-v=pawn] b{color:#9fd8ff}.v-btns [data-v=obstacle] b{color:var(--os-red)}.v-btns [data-v=beneath] b{color:var(--os-dim)}.f-lv,.f-two,.stills,.nextf{margin-top:var(--os-gap)}.brief .os-row{grid-template-columns:130px minmax(0,1fr);font-size:13px}.locked .lv-body{filter:blur(5px);opacity:.35;max-height:180px;overflow:hidden;pointer-events:none;user-select:none}.lv-body{transition:filter .6s,opacity .6s}.lock-gate{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:4px 0 14px}.lock-gate p{margin:0;color:var(--os-text)}.f-lv:not(.locked) .lock-gate{display:none}.rec,.eras{list-style:none;margin:0;padding:0}.rec li,.eras li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px dashed rgba(61,255,143,.12)}.rec-y{color:var(--os-green);font-weight:700;font-size:12px}.rec b,.eras b{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.rec p,.eras p{margin:4px 0 0;max-width:90ch;color:var(--os-text)}.lv-h{font:700 11px var(--os-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--os-green);margin:22px 0 8px}.conf{margin:0;padding:0 0 0 18px;display:grid;gap:8px;max-width:100ch}.para{max-width:90ch;margin:0 0 10px}.abil-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.abil{padding:10px;border:1px solid rgba(61,255,143,.12)}.abil b{display:block;color:var(--os-green);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.abil p{margin:4px 0 0}.f-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--os-gap)}.sig{display:flex;align-items:flex-end;gap:1px;height:150px;padding-top:10px;border-bottom:1px solid var(--os-line);position:relative}.sg{flex:1;height:100%;display:flex;align-items:flex-end;position:relative;min-width:1px}.sg i{display:block;width:100%;height:calc(var(--h) * 100%);background:var(--os-green);box-shadow:0 0 6px #3dff8f99;transform-origin:bottom;transform:scaleY(var(--grow, 1));transition:transform .9s cubic-bezier(.2,.8,.2,1)}.sg.c:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;background:var(--os-amber);opacity:.8}.sg.now i{background:var(--os-red);height:100%;box-shadow:0 0 10px var(--os-red);opacity:.7}.sig-axis{display:flex;justify-content:space-between;margin-top:10px}.assoc{position:relative;height:340px}.assoc-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.assoc-lines line{stroke:var(--os-green);stroke-opacity:.35}.assoc-me,.assoc-n{position:absolute;display:grid;justify-items:center;gap:2px;text-align:center;transform:translate(-50%,-50%)}.assoc-me{left:50%;top:50%;z-index:2}.assoc-me img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:2px solid var(--os-green);box-shadow:0 0 16px #3dff8f80}.assoc-me b{font-family:var(--os-display);font-size:13px;text-transform:uppercase}.assoc-n{left:calc(50% + cos(var(--i) / var(--n) * 360deg - 90deg)*40%);top:calc(50% + sin(var(--i) / var(--n) * 360deg - 90deg)*40%);color:var(--os-text)!important;text-decoration:none;width:90px}.assoc-n img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:1px solid var(--os-line-hi)}.assoc-n b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.15}.assoc-n span{font-size:11px;color:var(--os-dim)}.assoc-n:hover img,.assoc-n:focus-visible img{filter:none;border-color:var(--os-green)}.st-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.st{margin:0;position:relative}.st img{width:100%;height:260px;object-fit:cover;display:block;filter:saturate(.85) contrast(1.05);border:1px solid var(--os-line)}.st figcaption{margin-top:6px}.nextf{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--os-line);background:var(--os-panel);text-decoration:none;color:var(--os-text)!important}.nextf:hover{border-color:var(--os-line-hi)}.nextf-img{width:90px;height:90px;overflow:hidden}.nextf-img img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.nextf b{display:block;font-size:clamp(26px,4vw,48px)}.nextf>i{font-style:normal;font-size:40px;color:var(--os-green)}.nextf:hover .nextf-img img{filter:none}@media(min-width:1600px){.f-main{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.f-read{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.f-read>.os-label,.f-read>.f-name{grid-column:1 / -1}.f-read>.verdict{grid-column:2}.f-read>:nth-child(3){grid-row:span 2}.f-scan{height:min(80svh,900px)}.st img{height:340px}}@media(max-width:1000px){.f-main,.f-two{grid-template-columns:minmax(0,1fr)}.f-scan{position:relative;top:0;height:64svh}.f-main{display:flex;flex-direction:column;align-items:stretch}.f-read{display:contents}.f-read>.os-label{order:-2}.f-read>.f-name{order:-1;margin-bottom:4px}.v-btns{grid-template-columns:1fr 1fr}.st-row{grid-template-columns:1fr}.st img{height:220px}}@media(max-width:560px){.f-code{display:none}.rec li,.eras li{grid-template-columns:minmax(0,1fr);gap:4px}.os-row,.brief .os-row{grid-template-columns:100px minmax(0,1fr)}.assoc{height:300px}.assoc-n{width:70px}.assoc-n b{font-size:11px}.assoc-n span{display:none}}
