.match-config-dialog{width:min(940px,94vw);max-width:94vw;background:linear-gradient(145deg,#142d34ee,#091a25f5);border:1px solid #637c79;border-top:3px solid #a9976c;color:#eae3ce;padding:22px 28px;box-shadow:0 24px 80px #0009}
.match-config h2,.preset-editor h2{margin-top:6px}.match-config form{display:block}.rules-choice{max-width:300px}.match-config label,.preset-editor form>label{display:grid;gap:6px;color:#aabbb9;font-size:14px}.match-config select,.match-config input,.preset-editor input[name=name]{width:100%;background:#0c202a;color:#efe8d3;border:1px solid #46616a;border-radius:5px;padding:11px;font:inherit}.deck-match-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.deck-match-panel{padding:18px;border:1px solid #415a60;background:#081a2355;border-top:2px solid #76cbbb}.deck-match-panel.enemy{border-top-color:#b897de}.deck-match-panel h3{margin:0 0 14px}.deck-match-panel label+label{margin-top:14px}.preset-description{min-height:42px;font-size:14px;color:#b8c6c4;line-height:1.5}.match-config .link,.preset-editor .link{color:#c9d7d3}.match-seed{margin-top:20px;color:#aebfbc;font-size:14px}.match-seed summary{cursor:pointer}.match-seed label{max-width:260px;margin:12px 0}.match-seed p{font-size:13px}.deck-rule-note{text-align:center;font-size:13px;color:#9aafae}.config-start{width:100%;margin-top:4px}.config-error{color:#ffb79f;min-height:0}.config-error:empty{display:none}.preset-type-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.preset-type-columns section>h3{display:flex;gap:6px;align-items:center;font-size:15px}.preset-type-columns h3 svg{width:22px;height:22px}.preset-type-columns h3 b{margin-inline-start:auto;color:#d3a16b}.preset-type-columns h3 b.complete{color:#80d2bd}.preset-card{display:flex!important;align-items:center;gap:8px;padding:9px 6px;margin-bottom:5px;border:1px solid #314952;background:#0a1c25;cursor:pointer}.preset-card:has(input:checked){background:#1b363b;border-color:#66877d}.preset-card:has(input:disabled){opacity:.45}.preset-card input{accent-color:#85d2ba;width:15px;flex:none}.preset-card .portrait{position:relative;width:32px;height:38px;flex:none;border-radius:3px;background-size:300% 300%;background-position:var(--px) var(--py)}.preset-card>span{font-size:13px;flex:1;min-width:0}.preset-card small{display:block;font-size:10px;color:#a6b7b6;margin-top:3px}.preset-card>b{font-size:22px;color:#e6d9b8}.preset-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.preset-editor>p{color:#afc0bd;font-size:14px}.preset-editor-footer span{font-size:14px;color:#9dcebd}
@media(max-width:650px){.match-config-dialog{padding:18px 16px}.deck-match-columns{grid-template-columns:1fr;gap:12px}.preset-type-columns{grid-template-columns:1fr}.preset-type-columns section{border-bottom:1px solid #3a5358;padding-bottom:12px}.preset-card>span{font-size:15px}.preset-description{min-height:0}.preset-editor-footer{position:sticky;bottom:-18px;background:#10262f;padding:12px 0}.rules-choice{max-width:none}}

.match-config form,.preset-editor form{max-width:none;width:100%}.match-config label,.preset-editor form>label{margin:10px 0}.preset-card{margin:6px 0!important}.preset-card .portrait-monogram{font-size:14px;letter-spacing:0;overflow:hidden}.match-config-dialog .modal-top{height:32px}.match-config .preset-description{font-size:14px}.match-config .deck-rule-note{font-size:13px}

.preset-totals{display:grid;gap:5px}.preset-totals [data-deck-cost]{color:#e6c98b}.preset-totals .over-budget{color:#ffb79f}.preset-card .preset-strength,.preset-card .preset-cost{font-size:20px;min-width:30px;text-align:center}.preset-card .preset-cost{color:#89cabc;border-inline-start:1px solid #4a6465;padding-inline-start:8px}.preset-card b small{font-size:9px;font-weight:400;margin-top:0}.preset-editor-footer{position:sticky;bottom:-22px;background:#10262ff5;padding:14px 0;z-index:2}
.champion-table .type-triangle-live .triangle-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.type-triangle-live .triangle-node{position:absolute;pointer-events:none}.type-triangle-live .triangle-node.deal{width:39%;height:40%;left:31%;top:0}.type-triangle-live .triangle-node.expert{width:35%;height:42%;left:0;top:54%}.type-triangle-live .triangle-node.fire{width:36%;height:42%;left:67%;top:54%}