html,body{margin:0;background:#0d1412;color:#f1e6c8;font-family:'Noto Sans Thai','Leelawadee UI',Tahoma,sans-serif}
.stage-wrap{min-height:100vh;display:flex;flex-direction:column}
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #2c3d36;font-size:15px}
.bar b{letter-spacing:.5px}
#status{color:#b9c9a6;font-size:13px}
.show{display:flex;flex-direction:column}
#stage{width:100%;height:62vh;min-height:320px;display:block;touch-action:none;cursor:grab}
#stage:active{cursor:grabbing}
.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid #2c3d36}
.controls button{font:inherit;font-size:14px;padding:9px 14px;border-radius:8px;border:1px solid #5b6f3b;background:#1f2c24;color:#f5ecd0;cursor:pointer}
.controls button[aria-pressed="false"]{background:#2a2a2a;border-color:#555;color:#b8b8b8}
.controls button:focus-visible{outline:2px solid #e8c15a;outline-offset:2px}
.hint{color:#8fa08a;font-size:13px;margin-left:auto}

.weapons{padding:20px 18px 40px;border-top:1px solid #2c3d36}
.weapons-head h2{margin:0 0 6px;font-size:20px}
.weapons-head p{margin:0 0 16px;color:#b9c9a6;font-size:13px}
.tier{margin:0 0 22px}
.tier h3{margin:0 0 10px;font-size:16px;color:#e8c15a}
.tier .count{color:#8fa08a;font-weight:400;font-size:13px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #334a40;border-radius:10px;background:#18231e}
.card img{width:64px;height:64px;object-fit:contain;flex:0 0 64px;background:#0f1713;border-radius:8px}
.card b{display:block;font-size:15px;margin-bottom:3px}
.card small{color:#b9c9a6;font-size:12px;line-height:1.5}
#tier-god .card{border-color:#8c6a20;background:#231e12}