.battle-page{max-width:1180px;margin:45px auto;padding:0 24px 60px}.battle-page>h1{font-size:clamp(27px,4vw,44px);letter-spacing:-.04em}.battle-page p{line-height:1.9}.battle-setup{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;margin-top:40px}.battle-label{display:block;font-size:13px;color:#c3ced0;margin:20px 0 10px}.battle-label input,.battle-label select,.battle-entry input{display:block;width:100%;padding:12px;margin-top:8px;background:#1b2932;color:var(--paper);border:1px solid #667278;border-radius:4px;font:inherit}.battle-page textarea{width:100%;resize:vertical;min-height:220px;background:#19262f;color:var(--paper);border:1px solid #667278;border-radius:5px;padding:18px;font:14px/1.9 monospace}.battle-rules{border-left:1px solid var(--line);padding-left:28px;color:#b5c2c8}.battle-rules h2{color:var(--paper)}#input-errors{color:#ffb4a6;font-size:14px}.battle-entry{padding:22px 0;border-top:1px solid var(--line);margin:24px 0}.battle-entry h3{color:var(--lime);font:16px monospace}.battle-entry p{font-size:13px}.battle-result-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:35px 0}.battle-result-head h2{font-size:40px;overflow-wrap:anywhere}.battle-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.battle-podium article{background:var(--paper);color:var(--ink);border-radius:8px;padding:20px;overflow-wrap:anywhere}.battle-podium canvas{width:100%;height:auto}.battle-podium .eyebrow{color:#5f7d2a}.battle-podium .secondary{color:var(--ink);width:100%}.battle-podium .secondary:hover{background:#dce5d5}.battle-page h2{margin-top:36px}.battle-awards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.battle-awards article{border:1px solid var(--line);padding:16px;border-radius:4px;overflow-wrap:anywhere}.battle-awards h3{color:var(--lime);font-size:15px}.battle-awards small{color:var(--muted);line-height:1.7}.battle-table-wrap{overflow-x:auto}.battle-table{border-collapse:collapse;width:100%;font-size:14px}.battle-table th,.battle-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px}.battle-table small{display:block;color:var(--muted);font-size:11px}.battle-table .text-button{color:var(--paper);text-decoration:underline;max-width:300px;overflow-wrap:anywhere;text-align:left}.battle-table th{font-size:12px;color:var(--muted)}.battle-round,.battle-explain{border:1px solid var(--line);border-radius:5px;padding:16px;margin:14px 0}.battle-page summary{cursor:pointer;line-height:1.8}.battle-round summary span{color:var(--lime);margin-left:10px}.battle-match-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.battle-match{display:flex;flex-direction:column;gap:7px;text-align:left;width:100%;border:1px solid #52606a;border-radius:4px;background:#202f39;color:var(--paper);padding:14px;margin:5px 0;overflow-wrap:anywhere}.battle-match b{color:var(--lime);font-size:13px}.battle-match small{color:var(--muted)}.battle-page dialog{width:min(720px,94vw);max-height:90vh;background:#17252e;color:var(--paper);border:1px solid #778770;border-radius:8px;padding:25px;overflow:auto}.battle-page dialog::backdrop{background:#000b}.dialog-close{position:sticky;top:0;float:right;background:#17252e}.battle-page dialog canvas{width:min(100%,280px);display:block;margin:auto}.battle-evidence{border:1px solid var(--line);padding:18px;margin:14px 0}.battle-tie{color:#edd095}.battle-score{font-size:24px;color:var(--lime)}.battle-nav{font:12px monospace;color:var(--lime);margin-left:18px}@media(max-width:760px){.battle-page{padding:0 16px 40px;margin-top:26px}.battle-setup{grid-template-columns:1fr}.battle-rules{border-left:0;border-top:1px solid var(--line);padding:16px 0}.battle-podium{grid-template-columns:1fr}.battle-podium article{max-width:440px;width:100%;margin:auto}.battle-awards{grid-template-columns:1fr 1fr}.battle-match-list{grid-template-columns:1fr}.battle-table td,.battle-table th{padding:9px 6px}.battle-table{font-size:12px}.battle-table .text-button{max-width:130px}.battle-result-head{align-items:start;flex-direction:column}.battle-page dialog{padding:16px}.battle-entry input{max-width:100%}}@media(max-width:380px){.battle-awards{grid-template-columns:1fr}.battle-nav{margin-left:8px;font-size:10px}}