/* Avatar RPG v26 — full-width desktop console and compact mobile play surface. */
.ui-icon{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.16em;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.class-mark,.avatar-title-badge,.hero-wallet b,.character-center .hero-portrait>span,.ability-chip b,.build-summary span,.derived-grid span,.role-lock b,.quest-card>b{display:flex!important;align-items:center;gap:6px}
.avatar-title-badge{width:max-content}

@media (min-width:1101px){
  body #hq .character-sheet{padding:26px 30px!important}
  body #hq .character-layout{width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:minmax(250px,1fr) minmax(310px,380px) minmax(250px,1fr)!important;justify-content:stretch!important;gap:24px!important;align-items:center!important}
  body #hq .equipment-column{width:100%;gap:12px!important}
  body #hq .gear-slot{width:100%!important;min-height:94px!important;grid-template-columns:74px minmax(0,1fr)!important;padding:9px!important;gap:12px!important;border-radius:16px!important}
  body #hq .gear-slot .item-art{width:74px!important;height:74px!important;flex-basis:74px!important;border-radius:14px!important}
  body #hq .slot-copy small{font-size:9px!important}
  body #hq .slot-copy b{margin:4px 0!important;font-size:13px!important}
  body #hq .slot-copy span{font-size:10px!important}
  body #hq .character-center .hero-portrait{width:100%!important;max-width:360px!important;padding:9px!important;border-radius:28px!important}
  body #hq .character-center .hero-portrait>img{border-radius:21px!important}
  body #hq .character-center .hero-portrait>span{justify-content:center;margin-top:8px!important;font-size:11px!important}
  body #hq .ability-chip{max-width:360px;margin:12px auto 0!important;padding:11px!important}
  body #hq .character-stats{gap:12px!important;padding-top:18px!important}
  body #hq .attribute-card{padding:15px!important}
  body #hq .attribute-value strong{font-size:25px!important}
  body #hq .attribute-card p{font-size:11px!important}
  body #hq .build-summary,body #hq .derived-grid{gap:8px!important}
  body #hq .build-summary span,body #hq .derived-grid span{justify-content:center;min-height:38px!important;font-size:11px!important}
}

@media (min-width:761px) and (max-width:1100px){
  body #hq .character-layout{max-width:none!important;width:100%!important;grid-template-columns:minmax(190px,1fr) minmax(250px,300px) minmax(190px,1fr)!important;justify-content:stretch!important;gap:12px!important}
  body #hq .gear-slot{grid-template-columns:58px minmax(0,1fr)!important}
  body #hq .character-center .hero-portrait{max-width:280px!important}
}

@media (max-width:760px){
  body{padding-bottom:58px!important}
  body #hq.panel{padding:4px 4px 18px!important}
  body #hq>div{width:100%!important;max-width:none!important}
  body #hq .game-subnav{position:fixed!important;inset:auto 0 0 0!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:1px!important;margin:0!important;padding:4px 3px max(4px,env(safe-area-inset-bottom))!important;border-radius:14px 14px 0 0!important;overflow:visible!important;background:#060811f5!important}
  body #hq .game-subtab{min-width:0!important;width:auto!important;flex:none!important;display:grid!important;place-items:center!important;gap:1px!important;padding:4px 0!important;border-radius:8px!important;font-size:7px!important;line-height:1!important;white-space:nowrap!important}
  body #hq .game-subtab .game-icon{width:15px!important;height:15px!important}
  body #hq .game-screen{min-height:0!important}
  body #hq #hqAvatar{padding:0!important}
  body #hq .character-sheet{padding:7px!important;border-radius:14px!important}
  body #hq .character-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;align-items:start!important;padding:0 1px 6px!important}
  body #hq .character-head h2{margin:2px 0!important;font-size:16px!important;line-height:1.05!important}
  body #hq .character-head .class-mark{font-size:7px!important;letter-spacing:.08em!important}
  body #hq .character-head .avatar-title-badge{margin-top:2px!important;padding:2px 5px!important;font-size:7px!important}
  body #hq .character-head .note{font-size:7px!important;line-height:1.2!important}
  body #hq .hero-wallet{width:auto!important;display:flex!important;flex-direction:row!important;gap:3px!important;justify-content:flex-end!important}
  body #hq .hero-wallet b{padding:4px 5px!important;font-size:8px!important;white-space:nowrap!important}
  body #hq .hero-wallet .authenticity-link{display:none!important}
  body #hq .character-xp{height:15px!important;margin-bottom:6px!important}
  body #hq .character-xp span{font-size:7px!important}
  body #hq .character-layout{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;gap:4px!important;align-items:start!important}
  body #hq .equipment-column{gap:3px!important}
  body #hq .equipment-column.left{grid-column:1!important;grid-row:1!important}
  body #hq .character-center{grid-column:2!important;grid-row:1!important;min-width:0!important}
  body #hq .equipment-column.right{grid-column:3!important;grid-row:1!important}
  body #hq .gear-slot{display:block!important;width:48px!important;min-width:0!important;min-height:48px!important;height:48px!important;padding:2px!important;border-radius:9px!important}
  body #hq .gear-slot .item-art{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important;border-radius:8px!important}
  body #hq .slot-copy{display:none!important}
  body #hq .character-center .hero-portrait{width:min(100%,170px)!important;max-width:170px!important;padding:3px!important;border-radius:14px!important}
  body #hq .character-center .hero-portrait>img{border-radius:10px!important}
  body #hq .character-center .hero-portrait>span{justify-content:center;margin-top:3px!important;font-size:6px!important}
  body #hq .ability-chip{margin:4px auto 0!important;padding:4px!important;border-radius:8px!important}
  body #hq .ability-chip small{font-size:5px!important}
  body #hq .ability-chip b{justify-content:center;font-size:8px!important;line-height:1!important}
  body #hq .character-stats{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;padding:6px 0 0!important;border-top:1px solid #ffffff10!important}
  body #hq .character-stats>h3{display:none!important}
  body #hq .attribute-card{min-height:56px!important;padding:5px!important;border-radius:9px!important}
  body #hq .attribute-top{grid-template-columns:19px minmax(0,1fr) 22px!important;gap:3px!important}
  body #hq .attribute-icon{width:18px!important;height:18px!important}
  body #hq .attribute-value small{font-size:6px!important}
  body #hq .attribute-value strong{font-size:13px!important}
  body #hq .attribute-train{width:22px!important;height:22px!important;padding:0!important;justify-content:center!important;border-radius:6px!important}
  body #hq .attribute-train span{display:none!important}
  body #hq .attribute-train b{font-size:8px!important}
  body #hq .attribute-card>.stat-track{height:3px!important;margin:4px 0 0!important}
  body #hq .attribute-card p,body #hq .attribute-source{display:none!important}
  body #hq .build-summary{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;margin:0!important}
  body #hq .derived-grid{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2px!important;margin:0!important}
  body #hq .build-summary span{justify-content:center;padding:4px 2px!important;font-size:7px!important}
  body #hq .derived-grid span{display:grid!important;justify-items:center!important;gap:1px!important;min-width:0!important;padding:3px 1px!important;font-size:6px!important;white-space:normal!important}
  body #hq .derived-grid .ui-icon{width:10px;height:10px}
  body #hq .resource-guide{display:none!important}
  body #hq .role-lock{margin-top:5px!important;padding:5px 7px!important;border-radius:8px!important}
  body #hq .role-lock b{font-size:8px!important}
  body #hq .role-lock .note{display:none!important}
  body #hq #hero-screen>h2,body #hq #hero-screen>p{margin:8px 0 4px!important}
  body #hq #hero-screen>h2{font-size:14px!important}
  body #hq #hero-screen>p{font-size:8px!important}
  body #hq #abilityGrid,body #hq #trainingActions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:6px 0 10px!important}
  body #hq #abilityGrid .action-card,body #hq #trainingActions .action-card{min-width:0!important;padding:0!important;border-radius:9px!important;overflow:hidden!important}
  body #hq #abilityGrid .action-art,body #hq #trainingActions .action-art{aspect-ratio:1.35!important;min-height:0!important}
  body #hq .action-card-copy{padding:4px!important}
  body #hq .action-card-copy b{font-size:7px!important;line-height:1.15!important}
  body #hq .action-card-copy small{display:none!important}
  body #hq .action-card-copy strong{margin-top:2px!important;font-size:6px!important}
  body #hq .training-progress{height:3px!important;margin:3px 0!important}
  body #hq #questGrid{display:flex!important;gap:5px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;margin:6px 0 10px!important}
  body #hq .quest-card{flex:0 0 76%!important;scroll-snap-align:start!important;padding:8px!important}
  body #hq .quest-card>b{font-size:10px!important}
  body #hq .quest-card .note{font-size:8px!important}
  body #hq #inventoryGrid,body #hq #avatarShop{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:7px 0 12px!important}
  body #hq #inventoryGrid .item-card,body #hq #avatarShop .item-card{display:block!important;min-width:0!important;padding:6px!important;text-align:center!important}
  body #hq #inventoryGrid .item-art,body #hq #avatarShop .item-art{width:54px!important;height:54px!important;margin:0 auto 4px!important}
  body #hq #inventoryGrid .note,body #hq #avatarShop .note{font-size:7px!important;line-height:1.25!important}
  body #hq #inventoryGrid button,body #hq #avatarShop button{padding:5px 3px!important;font-size:7px!important}
  body #hq .arena-pane[data-arena-pane="npc"]{gap:6px!important;padding-bottom:7px!important}
  body #hq .arena-card{flex-basis:148px!important}
  body #hq .arena-body{padding:7px!important}
  body #hq .arena-body h3{font-size:13px!important}
  body #hq .arena-body .note,body #hq .match-state{font-size:8px!important}
  body #hq .arena-body select,body #hq .arena-body .generate{padding:6px 4px!important;font-size:8px!important}
  body #hq .weekly-card,body #hq .campaign-card{padding:10px!important;border-radius:13px!important}
  body #hq .weekly-contract,body #hq .collection-card{flex-basis:72%!important}
  body #hq .footer{display:none!important}
}