/* Stat points panel (roadmap item 1, src/systems/attributes/attribute-panel.js). Shown only while the server counts this
   character's points; the placeholder rows of styles/adventure-hud.css stay for everyone else. */
/* The HUD's own rule shows the placeholder rows as flex, so `hidden` needs a stronger one. */
#adventure-attribute-rows[hidden],.adventure-attribute-points[hidden],.adventure-attribute-actions[hidden]{display:none!important}
.adventure-attribute-points{display:flex;flex-direction:column;flex:1;min-height:0}
.adventure-attributes .adventure-attribute.attr-points{display:grid;grid-template-columns:46px minmax(52px,.7fr) minmax(70px,.8fr) auto minmax(0,1.6fr);gap:10px;align-items:center;padding:8px 0}
.adventure-attributes .adventure-attribute.attr-points>:first-child{width:46px;height:46px}
.adventure-attributes .adventure-attribute.attr-points>strong{font-size:20px;white-space:nowrap}
.adventure-attributes .adventure-attribute.attr-points>.attribute-value{font-size:22px;text-align:center;padding:3px 6px;background:#ead9c5a8;border-radius:8px;white-space:nowrap}
.adventure-attributes .adventure-attribute.attr-points>.attribute-effect{font-size:13px;line-height:1.45;color:#88786a}
.attribute-controls{display:flex;gap:6px}
.attribute-controls .attribute-step{min-width:40px;min-height:40px;border-radius:9px;font-size:26px;line-height:1;color:#fff;background:linear-gradient(#9fc06f,#6f9a45);border:1px solid #66893f;box-shadow:inset 0 0 0 2px #f4ffe066,0 2px 2px #4a5a2a33;cursor:pointer;touch-action:manipulation}
.attribute-controls .attribute-step[data-attribute-step="-1"]{background:linear-gradient(#c7aa94,#a98a76);border-color:#a78973}
.attribute-controls .attribute-step:disabled{opacity:.4;cursor:default}
.adventure-attribute-actions{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}
.adventure-attribute-actions .attribute-message{flex:1 1 180px;margin:0;font-size:13px;color:#6f5d4c}
.adventure-attribute-actions .attribute-message.bad{color:#b4402c}
.adventure-attribute-actions button{min-height:38px;padding:6px 16px;border-radius:10px;font-weight:700;cursor:pointer;touch-action:manipulation}
.adventure-attribute-actions .attribute-confirm{color:#fff;background:linear-gradient(#e0a64a,#bf7d24);border:1px solid #a86a1b}
.adventure-attribute-actions .attribute-cancel{color:#6f5d4c;background:#f4e6d4;border:1px solid #d6bea2}
.adventure-attribute-actions button:disabled{opacity:.45;cursor:default}
/* A small dot on the "ตัวละคร" button while points are waiting. */
#adventure-navigation [data-section="character"].has-attribute-points{position:relative}
#adventure-navigation [data-section="character"].has-attribute-points::after{content:"";position:absolute;top:4px;right:6px;width:11px;height:11px;border-radius:50%;background:#e5533a;box-shadow:0 0 0 2px #fff7}
@media (max-width:900px),(max-height:520px){
 .adventure-attributes .adventure-attribute.attr-points{grid-template-columns:36px 1fr auto auto;gap:6px 8px;padding:6px 0}
 .adventure-attributes .adventure-attribute.attr-points>:first-child{width:36px;height:36px}
 .adventure-attributes .adventure-attribute.attr-points>strong{font-size:16px}
 .adventure-attributes .adventure-attribute.attr-points>.attribute-value{font-size:17px}
 .adventure-attributes .adventure-attribute.attr-points>.attribute-effect{grid-column:1/-1;font-size:12px}
 .attribute-controls .attribute-step{min-width:38px;min-height:38px;font-size:22px}
}
/* Item 2 (switch attack-defense): what attack/defense do, under their values in ค่าสถานะปัจจุบัน */
.adventure-current dd>small.combat-effect{display:block;font-size:.82em;font-weight:600;color:#4f7f35;text-align:right;line-height:1.2}