/* v4.17 — 넓은 화면 배치: 전투(가운데·크게) / 강화·장비(오른쪽) / 인벤토리(왼쪽 서랍). polish.css 뒤에 로드. */
@media(min-width:960px){
  body{max-width:1500px}
  #t-main.on{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(380px,460px);gap:18px;align-items:start}
  #t-main>.page-intro{grid-column:1/-1;order:0;grid-row:1}
  #t-main>#tut{grid-column:1/-1;order:1;grid-row:2}
  #t-main>#feed{grid-column:1/-1;order:2;grid-row:3}
  #t-main>#chat{grid-column:1/-1;order:3;grid-row:4}
  #t-main>#demon{grid-column:1;grid-row:5/span 2;order:4;margin:0;align-self:start}
  #t-main>#forge{grid-column:2;grid-row:5;order:5;margin:0}
  #t-main>#smith{grid-column:2;grid-row:6;order:6;margin:0}
  #demon .battle-viewport,#demon canvas{max-width:100%}
  #t-inv.drawer{display:block;position:fixed;left:0;top:0;bottom:0;width:min(440px,92vw);overflow-y:auto;background:#14171d;border-right:1px solid #ffffff14;box-shadow:12px 0 40px #000c;z-index:60;padding:18px 18px 40px;animation:drawerIn .22s ease-out}
  #t-inv.drawer>.page-intro{display:none}
  #t-inv .drawer-close{position:sticky;top:0;float:right;z-index:2;margin-left:8px}
  body.drawer-open::before{content:'';position:fixed;inset:0;background:#0008;z-index:55}
  @keyframes drawerIn{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}
}
@media(min-width:1280px){
  #t-main.on{grid-template-columns:minmax(0,2fr) 460px}
}