/* Awakening window: Bestiary Arena skin (docs/DESIGN.md) — pf-panel, pf-table, client buttons. */
/* Like the raid window: overflow only on the class, or ba.css hides the title bar. */
.awaken-modal{padding:0;overflow:hidden}
dialog.window.awaken-modal{width:min(840px,calc(100vw - 12px));max-height:calc(100dvh - 12px)}
dialog.window.awaken-modal.awaken-modal--config{width:min(900px,calc(100vw - 12px))}
.awaken-modal #awaken-body{position:relative;padding:6px;overflow:auto;max-height:calc(100dvh - 40px);box-sizing:border-box}
.aw-body{display:grid;gap:6px}
#awaken-message:empty{display:none}
.aw-body .pf-panel{margin:0}.aw-body .pf-head small{margin-left:auto}
.aw-body canvas{display:block;image-rendering:pixelated}
.aw-well{background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.aw-gold{color:#e8c547}.aw-ok{color:#5fc85f}.aw-bad{color:#ff8b7e}.aw-dim{color:#a9a9a9}
.aw-icon{display:inline-block;flex:0 0 auto;background:url('/assets/awakening/spell-icons.png') no-repeat;image-rendering:pixelated;vertical-align:middle}
.aw-ico{display:inline-block;flex:0 0 auto;width:32px;height:32px;background:url('/assets/awakening/ui.png') no-repeat;image-rendering:pixelated;vertical-align:middle}
.aw-ico-orb{background-position:0 0}.aw-ico-coin{background-position:-32px 0}.aw-ico-mark{background-position:-64px 0}
.aw-ico.small{width:16px;height:16px;background-size:48px 16px}.aw-ico-coin.small{background-position:-16px 0}.aw-ico-mark.small{background-position:-32px 0}
/* Header */
.aw-head{display:flex;align-items:center;gap:10px;padding:2px}
.aw-head .ba-slot{width:60px;height:60px;flex:0 0 60px}
.aw-id{flex:1;min-width:0}.aw-id strong{display:block;font-size:15px;color:#fff}.aw-id small{display:block;color:#a9a9a9}
.aw-res{display:flex;gap:4px}
.aw-chip{display:flex;align-items:center;gap:5px;padding:2px 8px 2px 2px;white-space:nowrap}
.aw-chip b{color:#fff}.aw-chip small{display:block;font-size:10px;color:#a9a9a9}
/* Path cards */
.aw-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px}
.aw-path{position:relative;display:grid;gap:4px;justify-items:center;height:auto;padding:6px 6px 5px;white-space:normal}
.aw-path.active{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c,inset 0 0 14px #c5b47c55}
.aw-path.active::after{content:'✓';position:absolute;right:6px;top:3px;color:#e8c547}
.aw-path>b{font:bold 14px/16px 'Tibia Pixel',Verdana,sans-serif;color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000}
.aw-path .aw-current{position:absolute;left:6px;top:4px;font-size:10px;color:#e8c547}
.aw-tag .ti{margin:-1px 3px 0 -3px}
.aw-req-row span{display:flex;align-items:center;gap:5px}
.aw-tag{display:inline-flex;align-items:center;padding:0 6px;font-size:10px;background:#1c1c1c;border:1px solid #0d0d0d;box-shadow:1px 1px #6a6a6a}
.aw-tag.off{color:#ff8b7e}.aw-tag.def{color:#7cf08a}.aw-tag.spe{color:#e8c547}
.aw-art{display:block;width:100%;max-width:162px;line-height:0}
.aw-art canvas{width:100%;height:auto}
.aw-path.active .aw-art{border-color:#c5b47c;box-shadow:1px 1px #6a6a6a,0 0 8px #c5b47c88}
.aw-lines{display:grid;gap:3px;width:100%}
.aw-line{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:5px;text-align:left}
.aw-line>.aw-well{display:grid;place-items:center;width:40px;height:40px}
.aw-line small{display:block;font-size:10px;color:#a9a9a9}
.aw-line span span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
/* How it works: skill and passive side by side */
.aw-how{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px}
.aw-how .pf-table{margin:0;align-self:start}
.aw-how td{vertical-align:top}
.aw-how td:first-child{width:74px;color:#a9a9a9;white-space:nowrap}
.aw-how td:last-child{width:auto;text-align:left;color:#fff}
.aw-how th{text-align:left}
.aw-how th .aw-icon{margin-right:4px}
.aw-kit{margin:0;padding:0 6px 6px}
.aw-req.aw-src{grid-template-columns:1fr}.aw-src span{white-space:nowrap}.aw-src b{font-weight:normal;text-align:right}
.aw-mark-ico{display:inline-block;vertical-align:middle;background:url('/assets/tibia-icons/exaltation_forge_fiendish/Exalted_Core.gif') center no-repeat}
/* Requirements */
.aw-req{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px}
.aw-req-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px}
.aw-req-row b{color:#fff}.aw-req-row.is-ok b{color:#5fc85f}.aw-req-row.is-bad b{color:#ff8b7e}
/* After / cost */
.aw-two{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.aw-stats{display:grid;gap:3px;padding:6px}
.aw-stat{display:flex;justify-content:space-between;gap:8px;color:#c0c0c0}
.aw-stat b{color:#fff;text-align:right}
.aw-mark{display:flex;align-items:center;gap:6px;padding:0 6px 6px}
.aw-mark .ba-slot{width:40px;height:40px;flex:0 0 40px}
.aw-cost{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px}
.aw-res-card{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:6px;padding:4px}
.aw-res-card b{display:block;color:#fff}.aw-res-card small{display:block;color:#a9a9a9}
.aw-ready{margin:0;padding:0 6px 6px}
.aw-foot{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.aw-foot .pf-note{margin:0 auto 0 0}
/* Confirm */
.aw-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:8px}
.aw-side{display:grid;justify-items:center;gap:4px;padding:6px}
.aw-side .ba-slot{width:56px;height:56px}
.aw-side ul{margin:0;padding:0;list-style:none;display:grid;gap:2px;width:100%}
.aw-side li{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:1px 6px;background:#1c1c1c;color:#c0c0c0}
.aw-side li>span:not(.aw-icon){flex:1;text-align:left}.aw-side li b{color:#fff}.aw-side li.new b{color:#5fc85f}
.aw-arrow{font:bold 22px 'Tibia Pixel',Verdana,sans-serif;color:#e8c547}
/* The awakened mark everywhere a creature slot is drawn. */
.ba-slot.awakened{border-color:#e8c547;box-shadow:inset 0 0 0 1px #e8c547,inset 0 0 10px #e8c547aa}
/* The awakened sigil: Exalted Core (TibiaWiki icon), above the team marker. */
.ba-slot.awakened::before{content:'';position:absolute;right:1px;bottom:9px;width:14px;height:14px;background:url('/assets/tibia-icons/exaltation_forge_fiendish/Exalted_Core.gif') center/28px 28px no-repeat;z-index:2;pointer-events:none}
.aw-outcome .ba-outcome-banner canvas{width:64px;height:64px}
/* Configuration */
.aw-config .editor-form{grid-template-columns:repeat(3,minmax(0,1fr));margin:6px}
.aw-config .editor-form label{gap:2px}
.aw-config-spell{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px;align-items:start;padding:6px}
.aw-config-spell .editor-form{margin:0}
.aw-config-preview{display:grid;gap:4px;justify-items:center}
.aw-config-tabs{margin:0}
.aw-config-paths{display:flex;gap:4px;padding:6px 6px 0}
.aw-config-paths button{flex:1}
.aw-config-paths button.active{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
@media(max-width:600px){
 .aw-head{flex-wrap:wrap;gap:6px}.aw-id small+small{display:none}.aw-id strong{font-size:13px}
 .aw-res{width:100%}.aw-res .aw-chip{flex:1}.aw-res .aw-chip small{display:inline;margin-left:4px}.aw-chip>span{display:flex;align-items:baseline}
 .aw-body .pf-head small{display:none}
 .aw-res-card{grid-template-columns:28px 1fr;gap:4px}.aw-res-card small{font-size:10px}
 .aw-mark small{font-size:10px}
 .aw-path{padding:4px 2px}.aw-path>b{font-size:12px}
 .aw-line{grid-template-columns:1fr;justify-items:center;text-align:center}.aw-line small{display:none}.aw-line span span{white-space:normal;font-size:10px}
 .aw-how,.aw-two,.aw-vs,.aw-req{grid-template-columns:1fr}
 .aw-arrow{transform:rotate(90deg);justify-self:center}
 .aw-foot .pf-note{display:none}.aw-foot button{flex:1}
 .aw-config .editor-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.aw-path.active{box-shadow:inset 0 0 0 1px #c5b47c}}