.full-art-frame{position:relative;display:block;width:100%;height:100%;aspect-ratio:5/7;overflow:hidden;isolation:isolate;background:#0b1622;color:#fff;border:1px solid #94d7e2;border-radius:.42rem;box-shadow:inset 0 0 0 2px #0b1622,0 5px 15px #0008}
.full-art-frame[data-side=corp]{border-color:#f1778c;background:#221118}
.frame-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.frame-missing{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;text-align:center;color:#d7ebf1;background:linear-gradient(150deg,#203e51,#0d1926)}
.frame-top,.frame-bottom{position:absolute;left:0;right:0;z-index:1;text-shadow:0 1px 3px #000e}
.frame-top{top:0;display:grid;gap:.1rem;padding:.6rem .65rem 1.4rem;background:linear-gradient(#06111df0 4%,#06111d98 55%,transparent)}
.frame-type{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:900;color:#8eeaf4}
[data-side=corp] .frame-type{color:#ff9bad}
.frame-title{font-size:1.3rem;line-height:1.08;letter-spacing:.015em;overflow-wrap:anywhere}
.frame-subtype{font-size:.75rem;color:#e6e9ec;letter-spacing:.05em}
.frame-bottom{bottom:0;display:grid;gap:.3rem;padding:2rem .65rem .5rem;background:linear-gradient(transparent,#07111bd9 20%,#07111bf7 58%,#07111b)}
[data-side=corp] .frame-bottom{background:linear-gradient(transparent,#220d18d9 20%,#220d18f7 58%,#220d18)}
.frame-stats{display:flex;gap:.22rem;align-items:center;flex-wrap:wrap}
.frame-stat{display:inline-flex;align-items:baseline;gap:.16rem;padding:.11rem .28rem;border:1px solid #9ae6ec99;border-radius:.2rem;background:#061926b5;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-side=corp] .frame-stat{border-color:#ff9bad99;background:#260c19b5}
.frame-stat-label{font-size:.62rem;font-weight:900;letter-spacing:.05em;color:#b8dbe2}
.frame-stat-value{font-size:.88rem;line-height:1}
.frame-rules{margin:0;color:#f0f4f4;font-size:.88rem;line-height:1.32;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.frame-mark{font-size:.55rem;letter-spacing:.18em;font-weight:900;color:#9ac8d1;text-align:right}
.frame-card{height:auto;border-radius:.32rem}
.frame-card .frame-top{padding:.38rem .42rem 1rem}
.frame-card .frame-title{font-size:.9rem}
.frame-card .frame-type,.frame-card .frame-subtype{font-size:.58rem}
.frame-card .frame-bottom{padding:1.7rem .42rem .28rem;gap:.2rem}
.frame-card .frame-stat{padding:.07rem .18rem}
.frame-card .frame-stat-label{font-size:.48rem}
.frame-card .frame-stat-value{font-size:.65rem}
.frame-card .frame-rules{font-size:.62rem;line-height:1.25;-webkit-line-clamp:4}
.frame-card .frame-mark{font-size:.42rem}
.frame-preview{width:min(100%,480px,55vh);height:auto;max-height:calc(80vh - 1rem);margin:auto}
.frame-preview .frame-title{font-size:1.5rem}
.frame-preview .frame-type{font-size:.8rem}
.frame-preview .frame-subtype{font-size:.85rem}
.frame-preview .frame-rules{font-size:1rem;line-height:1.38}
.frame-preview .frame-stat-label{font-size:.72rem}
.frame-preview .frame-stat-value{font-size:1.02rem}
.frame-inspect{width:min(100%,460px);height:auto;margin:auto}
.frame-gallery{width:300px;height:420px;max-width:100%}
.frame-gallery .frame-title{font-size:1.15rem}
.hover-preview:has(.full-art-frame){padding:.25rem}
#netarch-panel .frame-card .frame-top{padding:.13rem .14rem .5rem}
#netarch-panel .frame-card .frame-title{font-size:.46rem;line-height:1.06}
#netarch-panel .frame-card .frame-type{font-size:.34rem;letter-spacing:.08em}
#netarch-panel .frame-card .frame-subtype,#netarch-panel .frame-card .frame-rules,#netarch-panel .frame-card .frame-mark,#netarch-panel .frame-card .frame-stat-label{display:none}
#netarch-panel .frame-card .frame-bottom{padding:.3rem .1rem .08rem}
#netarch-panel .frame-card .frame-stats{gap:.05rem}
#netarch-panel .frame-card .frame-stat{padding:0 .1rem}
#netarch-panel .frame-card .frame-stat-value{font-size:.38rem}
.ice-sideways .full-art-frame.frame-card{position:absolute;top:50%;left:50%;width:var(--mat-ice-h);height:var(--mat-ice-w);max-width:none;transform:translate(-50%,-50%) rotate(90deg)}
.card.facedown .full-art-frame{display:none}
.frame-fields{display:grid;gap:.35rem;margin:.45rem 0;border:1px solid var(--line);border-radius:.35rem;padding:.5rem}
.frame-fields summary{cursor:pointer;font-weight:800}
.frame-fields[open]{display:grid}
.frame-fields label{display:block;margin-top:.35rem}
.frame-fields input,.frame-fields textarea{display:block;width:100%}
@media(max-width:580px){.frame-gallery{width:100%;height:auto}}
@media print{.frame-card .frame-rules{-webkit-line-clamp:5}.full-art-frame{print-color-adjust:exact}}
/* Art-less frames: RED character sheet IDs and cyberdeck Consoles */
.full-art-frame.no-art{display:flex;flex-direction:column;background:repeating-linear-gradient(0deg,#0000 0 3px,#8eeaf40d 3px 4px),linear-gradient(160deg,#173244,#0b1622 55%,#07101a)}
.full-art-frame.no-art[data-type=Console]{background:repeating-linear-gradient(90deg,#0000 0 11px,#8eeaf414 11px 12px),linear-gradient(160deg,#1b2d3a,#0b1622 60%,#07101a)}
.no-art .frame-top,.no-art .frame-bottom{position:relative;background:none}
.no-art .frame-top{padding-bottom:.3rem;border-bottom:1px solid #8eeaf455}
.no-art .frame-bottom{margin-top:auto;padding-top:.4rem}
.frame-sheet{position:relative;z-index:1;display:grid;gap:.3rem;padding:.4rem .65rem}
.sheet-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.18rem}
.sheet-stat,.sheet-vital{display:grid;justify-items:center;padding:.12rem 0;border:1px solid #9ae6ec66;border-radius:.2rem;background:#061926c4;font-variant-numeric:tabular-nums}
.sheet-vitals{display:flex;flex-wrap:wrap;gap:.18rem}
.sheet-vital{flex:1 1 auto;padding:.12rem .25rem;border-color:#ff9bad88}
.sheet-stat-label{font-size:.58rem;font-weight:900;letter-spacing:.06em;color:#b8dbe2}
.sheet-stat-value{font-size:.95rem;line-height:1.05}
.sheet-skills{margin:0;font-size:.74rem;line-height:1.3;color:#dfeef1}
.frame-card .frame-sheet{gap:.14rem;padding:.2rem .42rem}
.frame-card .sheet-stats,.frame-card .sheet-vitals{gap:.1rem}
.frame-card .sheet-stat,.frame-card .sheet-vital{padding:.04rem 0}
.frame-card .sheet-stat-label{font-size:.4rem}
.frame-card .sheet-stat-value{font-size:.62rem}
.frame-card .sheet-skills{font-size:.48rem;line-height:1.2}
.frame-card.no-art .frame-rules{-webkit-line-clamp:3}
.frame-preview .sheet-stat-label{font-size:.7rem}.frame-preview .sheet-stat-value{font-size:1.15rem}.frame-preview .sheet-skills{font-size:.9rem}
.frame-inspect .sheet-stat-label{font-size:.68rem}.frame-inspect .sheet-stat-value{font-size:1.1rem}.frame-inspect .sheet-skills{font-size:.86rem}
#netarch-panel .frame-card .frame-sheet{gap:0;padding:.08rem .1rem}#netarch-panel .frame-card .sheet-stats,#netarch-panel .frame-card .sheet-skills{display:none}
#netarch-panel .frame-card .sheet-vitals{display:grid;grid-template-columns:1fr 1fr;gap:.06rem}#netarch-panel .frame-card .sheet-vital{padding:0}
#netarch-panel .frame-card .sheet-vital .sheet-stat-label{display:block;font-size:.26rem;letter-spacing:0}#netarch-panel .frame-card .sheet-vital .sheet-stat-value{font-size:.42rem}
