@import url('../css/pixel.css');
.defense-page{max-width:1180px}.defense-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start}.defense-form,.defense-result{padding:26px;min-width:0}.defense-layout h2{font-size:30px;margin:0 0 14px}.defense-layout h3{font:22px var(--pixel);margin:28px 0 16px}.defense-layout p{color:var(--muted);line-height:1.7;font-size:14px}.defense-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.defense-inputs label{display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:0}.defense-inputs input,.defense-inputs select{width:100%;min-height:42px;background:#171c2c;border:2px solid #60667f;color:var(--ink);padding:8px;font:18px var(--pixel)}.defense-form fieldset{border:1px solid #53596f;padding:14px;margin:20px 0}.defense-form legend{font:21px var(--pixel);color:var(--gold);padding:0 8px}.armor-option{display:flex;align-items:start;gap:12px;padding:12px 0;cursor:pointer}.armor-option+ .armor-option{border-top:1px solid #3c4257}.armor-option input{width:20px;height:20px;accent-color:#cfb175;flex-shrink:0;margin-top:3px}.armor-option strong{font:21px var(--pixel);color:var(--ink)}.armor-option small{display:block;margin-top:5px;font-size:12px;color:var(--muted)}.defense-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.defense-stats>div{background:#171e30;border:2px solid #566079;padding:16px;display:flex;flex-direction:column;gap:7px}.defense-stats span{font-size:12px;color:var(--muted)}.defense-stats strong{font:40px/1.1 var(--pixel);color:var(--gold)}.defense-stats small{font-size:12px;color:#b7c7d6;line-height:1.5}.dice-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.die{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;font:20px var(--pixel);border:2px solid #666c83}.die.miss{background:#323446;color:#c1c2d1}.die.hit{background:#384d3c;color:#d0ecc4;border-color:#89a47e}.die.critical{background:#64502e;color:#ffdf9a;border-color:#e4bb65}.dice-legend{display:flex;gap:18px;flex-wrap:wrap}.dice-legend span:nth-child(1){color:#c1c2d1}.dice-legend span:nth-child(2){color:#9bc88c}.dice-legend span:nth-child(3){color:#ffdf9a}#defesa-erro{color:#f3b5a7;min-height:1.5em}.defense-form :focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:800px){.defense-layout{grid-template-columns:1fr}.defense-result{order:-1}}
@media(max-width:420px){.defense-form,.defense-result{padding:18px}.defense-stats{gap:10px}.defense-stats>div{padding:12px}.defense-stats strong{font-size:34px}.dice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.defense-inputs{grid-template-columns:1fr}}