/* Layout containment after the approved 20% type increase. Canvas geometry stays fixed. */
html body.pc-mode{font-family:var(--ui-body);line-height:1.5}
.pc-mode button,.pc-mode input,.pc-mode select,.pc-mode textarea{font-family:var(--ui-body)}
body.pc-mode #pcStage :is(button,input,select,textarea,span,small,b,strong,p,div,td,th,label,summary,a){font-family:inherit}
body.pc-mode #pcStage :is(h1,h2,h3,.wordmark,.section-title,.action-label,.pc-menu b){font-family:var(--ui-heading)}
/* Approved Forged Blade Medium + Pretendard pairing; classic keeps saved defaults compatible. */
html[data-ui-font="classic"] body.pc-mode #pcStage :is(h1,h2,h3,.wordmark,.section-title,.action-label,.pc-menu b,button,.item-card>b,.rune-card>b){font-family:var(--ui-heading);font-weight:500;font-synthesis:none}
html[data-ui-font="classic"] body.pc-mode #pcStage :is(button small,button p,button .note,button .item-top,button .slot-label,.slot-box>span,.rune-card>small,.rune-card .rune-count,.resource,.stat-value,.float-number,.result-stats b,.stage-node){font-family:var(--ui-body);font-variant-numeric:tabular-nums}
.pc-mode .float-number,.pc-mode .result-stats b,.pc-mode .stat-value{font-variant-numeric:tabular-nums}
.pc-mode button,.pc-mode select,.pc-mode .settings-row>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.pc-mode .settings-row{gap:14px;align-items:center}
.pc-mode .settings-row select{width:65%;padding:7px 9px}
.pc-mode .settings-row b{text-align:right}
.pc-mode .pc-party-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-mode .pc-home-heading h1{letter-spacing:3px}
.pc-mode .pc-home-left .pc-glass{padding:12px}
.pc-mode .pc-home-left h3{line-height:1.35}
.pc-mode .pc-home{grid-template-columns:178px minmax(0,1fr) 212px}
.pc-mode .pc-menu{padding:0;gap:10px}
.pc-mode .pc-menu .pc-medallion{width:48px;height:48px}
.pc-mode .pc-menu b{line-height:1.25;word-break:keep-all;overflow-wrap:normal;letter-spacing:0}
.pc-mode .pc-menu small{line-height:1.4}
.pc-mode .pc-home-footer{gap:12px}
.pc-mode .pc-home-footer>span{min-width:0}
.pc-mode .pc-explore{flex-shrink:0;white-space:normal}
.pc-mode .town-tools button{line-height:1.25}
.pc-mode .right-rail .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pc-mode .lab-entry div{min-width:0}
.pc-mode .resource{min-width:0;white-space:nowrap}
.pc-mode .resources{gap:12px}
.pc-mode .resource b{overflow:hidden;text-overflow:ellipsis}
.pc-mode .resource b:hover{overflow:visible;position:relative;background:#172122;z-index:4}
.pc-mode .resource svg{flex-shrink:0}
.pc-mode .pc-section-heading{gap:8px;flex-wrap:wrap}
.pc-mode .pc-equipment-detail h2{overflow-wrap:anywhere}
.pc-mode .item-card b{overflow-wrap:anywhere}
.pc-mode .battle-controls button{padding:6px 5px;line-height:1.3}
.pc-mode .battle-controls label{line-height:1.25}
.pc-mode .battle-log{line-height:1.3}
.pc-mode .font-preview{border:1px solid #a58d575e;padding:10px;margin:12px 0}
.pc-mode .font-preview summary{cursor:pointer;color:#e4cc90}
.font-specimens{padding:0 12px}
.font-specimens article{padding:12px 0;border-top:1px solid #a58d575e;font-family:var(--sample-body),sans-serif}
.font-specimens article:first-child{margin-top:10px}
body.pc-mode #pcStage .font-specimens h3{font-family:var(--sample-heading),serif;font-size:24px;margin:8px 0}
.font-specimens small{font-family:'CV Pretendard',sans-serif;font-size:13px;color:#c7b780}
.font-specimens p{font-size:16px;line-height:1.65;margin:3px 0}
.pc-mode .display-settings .note{line-height:1.5}
html[lang=en] .pc-mode .pc-home-heading h1{letter-spacing:1px}
html[lang=en] .pc-mode .pc-menu b{font-size:20px}
html[lang=en] .pc-mode .pc-home-left h3{font-size:19px}
html[lang=en] .pc-mode .nav-btn{gap:8px;padding:7px 11px}
html[lang=en] .pc-mode .battle-controls{gap:5px}
html[lang=en] .combat-unit.dead .portrait:after{content:'Defeated'}