.char-ident{min-width:0}.char-rank{color:var(--gold-dark);font-weight:600}.char-name-row{display:flex;align-items:baseline;gap:.55rem;margin-bottom:.45rem;flex-wrap:wrap}.char-name-row>.section-title{margin:0;display:block}.char-name-row>.section-title:after{display:none}.char-sect-chip{display:inline-block;white-space:nowrap;padding:.12rem .5rem;background:transparent;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.88rem;letter-spacing:.06em;color:var(--ink);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.char-sect-chip>span:first-child{vertical-align:middle;margin-right:var(--space-3)}.char-sect-chip:hover{transform:translateY(-1px);border-color:var(--gold);background:linear-gradient(180deg,var(--paper-cream),var(--paper-soft));box-shadow:var(--elevation-sm)}.char-hero{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);column-gap:var(--space-12);align-items:stretch;margin-bottom:var(--space-12)}.char-portrait{width:100%;min-width:0;align-self:center}.char-hero-side{width:100%;min-width:0;display:flex;flex-direction:column}.char-hero-side>.attr-panel{width:100%;flex:1 1 auto;min-height:0;margin:0}.char-hero-side>.key-bar{margin:var(--space-10) 0 0}.detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-13);margin-bottom:var(--space-13)}.detail-panel{background:var(--paper-cream);border:1px solid var(--line);padding:var(--space-11)}.detail-panel h3{font-family:var(--font-display);letter-spacing:.2em;font-size:1.4rem;margin:0 0 .8rem}.skill-list{list-style:none;padding:0;margin:0}.skill-list li{padding:.6rem 0;border-bottom:1px dotted var(--line)}.skill-list li:last-child{border-bottom:none}.skill-name{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.1em;margin-right:var(--space-4)}.skill-mono{font-family:var(--font-mono);font-size:.7rem;color:var(--gold-dark);letter-spacing:.06em}.skill-desc{font-size:.85rem;color:var(--ink-soft);margin-top:var(--space-2);line-height:1.5}.skill-stats{font-family:var(--font-mono);font-size:.74rem;color:var(--bamboo-dark);letter-spacing:.04em;margin-top:var(--space-2)}.skill-stat-stanch{color:#7a3e42}.key-row{display:flex;align-items:center;gap:var(--space-6);margin:1rem 0;flex-wrap:wrap}.key-row code{font-family:var(--font-mono);font-size:.8rem;background:var(--ink);color:var(--paper);padding:.3rem .6rem;-webkit-user-select:all;user-select:all}.editor-wrap{border:1px solid var(--line);background:#1e1e1e;height:480px;overflow:hidden}.editor-mobile-preview{margin:0;width:100%;height:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;padding:.85rem 1rem;background:#221f1b;color:#e9e2d2;font-family:var(--font-mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;tab-size:2}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);font-size:.84rem;color:var(--ink-soft);gap:var(--space-9)}.editor-toolbar .actions{display:flex;gap:var(--space-6)}@media(max-width:960px){.char-header{justify-content:center!important}.char-ident{display:none}.char-hero{grid-template-columns:1fr;row-gap:var(--space-9);justify-items:center}}