.ui-symbol{display:inline-block;width:21px;height:21px;vertical-align:middle;flex:none;color:inherit}.ability-chip>b,.active-effect-banner>b{display:flex;align-items:center;gap:6px}.ability-chip .ui-symbol{width:17px;height:17px}.dialog h2>.ui-symbol{width:27px;height:27px;margin-left:5px}
/* Game controls are visible choices, rather than a stack of dropdowns. */
.dialog:has(.easy-setup){max-width:720px}.easy-setup .tile-options{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin:20px 0}.tile-group{margin:0;padding:0;border:0;min-width:0}.tile-group legend{display:flex;align-items:center;gap:6px;font-size:11px;color:#c0b9d0;margin-bottom:9px;padding:0}.tile-group legend .ui-symbol{width:15px;height:15px;color:#a998d4}.choice-tiles{display:flex;gap:6px}.choice-tiles label{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:57px;padding:7px 3px;border:1px solid #605976;border-radius:8px;background:linear-gradient(145deg,#1b2031,#101624);box-shadow:inset 0 -3px 0 #0003;cursor:pointer;transition:border-color .15s,background .15s}.choice-tiles input,.mode-segments label input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0}.choice-tiles b{font:700 22px/1.2 Thmanyah,Arial;color:#bca8ec}.choice-tiles small{font-size:8px;color:#86869f;margin-top:3px;line-height:1.5}.choice-tiles label:has(input:checked){background:linear-gradient(135deg,#c2aaf6,#a18ada);border-color:#dfceff;box-shadow:inset 0 -3px 0 #70569e5c}.choice-tiles label:has(input:checked) b,.choice-tiles label:has(input:checked) small{color:#241d37}.choice-tiles label:has(input:focus-visible),.mode-segments label:has(input:focus-visible){outline:3px solid var(--purple);outline-offset:3px}.tile-group+.tile-group{border-right:1px solid #b6a4f71a;padding-right:15px}.easy-aids{margin-top:2px}.setup-aids label{padding:11px 5px;flex-direction:column;gap:7px;min-height:67px;border-color:#605976;box-shadow:inset 0 -2px 0 #0003}.setup-aids label>span{display:flex;color:#a894d9}.setup-aids .ui-symbol{width:24px;height:24px}.setup-aids label:has(input:checked){border-color:#ccb6ff;background:#b6a4f71a}.setup-aids b{font-size:11px}.power-mode{margin:19px 0 15px;border:0;padding:0}.power-mode legend{display:flex;gap:7px;align-items:center;padding:0;font-size:11px;color:#c4bbd6;margin-bottom:9px}.power-mode legend .ui-symbol{width:16px;height:16px}.mode-segments{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #605976;border-radius:8px;background:#111725}.mode-segments label{position:relative;cursor:pointer;display:block;text-align:center}.mode-segments label span,.mode-segments>button{display:block;width:100%;padding:8px 12px;border-radius:5px;color:#a89abf;font-size:12px;background:none;line-height:1.7}.mode-segments label:has(input:checked) span,.mode-segments>button[aria-pressed=true]{background:#b6a4f7;color:#241d37;box-shadow:0 1px 4px #0003}.power-mode>p{font-size:10px;line-height:1.9;color:#9b9bb2;margin-top:8px}.easy-help .ui-symbol{width:15px;height:15px;margin-left:3px}.easy-help>p b{display:inline-flex;align-items:center}.easy-setup .easy-category{margin-bottom:17px}.easy-setup .setup-launch{padding-top:11px}.easy-heading{margin-bottom:17px}
/* The draw presents the ability and the team's aid separately. */
.draw-dialog{max-width:700px}.draw-dialog h2{font-size:29px}.draw-dialog .draw-sub{font-size:11px;line-height:1.9;margin:9px 0 0}.draw-dialog .team-draw-grid{gap:14px;margin:19px 0 16px}.draw-dialog .team-draw-card{padding:14px 15px}.draw-dialog .draw-team-name{font-size:16px}.draw-dialog .draw-slot{height:139px;max-width:123px;margin:9px auto 4px}.draw-dialog .draw-result{font-size:10px;min-height:19px}.draw-dialog .draw-power{border-top:1px solid #b6a4f724;margin-top:9px;padding-top:10px;text-align:right}.draw-power-head{display:flex;gap:7px;align-items:center;justify-content:space-between;margin-bottom:6px}.draw-power-head>span{font-size:8px;color:#a19ab3}.draw-power-head>small{font-size:8px;color:#d5f88d;background:#d5f88d0c;border:1px solid #d5f88d26;border-radius:4px;padding:2px 5px}.draw-dialog .draw-power>b{font-size:16px;display:block;color:var(--lime);line-height:1.5}.draw-dialog .draw-power>p{font-size:10px;line-height:1.9;color:#b4adc5;margin:7px 0;min-height:38px}.draw-power.power-disabled>p,.draw-power.power-disabled>b{opacity:.55}.draw-power.power-disabled .draw-power-head>small{color:#9b96ae;border-color:#77718c;background:#77718c12}.draw-power-tools{display:flex;justify-content:space-between;align-items:start;gap:12px}.draw-power-tools details{font-size:9px;color:#a89ac8;flex:1;min-width:0}.draw-power-tools summary{cursor:pointer}.draw-power-tools details p{font-size:9px;line-height:1.9;color:#a89ab8;padding-top:6px}.draw-power-tools>.link{font-size:9px;white-space:nowrap;padding:0}.draw-dialog .draw-aid{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;border-top:1px dashed #b6a4f730;margin-top:12px;padding-top:9px}.draw-aid .ui-symbol{width:16px;height:16px;color:var(--purple)}.draw-mode{padding:12px 14px;border:1px solid #b6a4f72b;background:#b6a4f707;border-radius:9px}.draw-mode-title{display:flex;align-items:center;gap:7px;font-size:11px;color:#bcb0d5;margin-bottom:8px}.draw-mode-title>.ui-symbol{width:16px;height:16px}.draw-mode-title small{margin-right:auto;font-size:8px;color:#827a99}.draw-mode>p{font-size:9px;line-height:1.9;color:#9c96ae;margin-top:7px}.draw-mode .mode-segments{padding:3px}.draw-mode .mode-segments button{font-size:11px;padding:5px 10px}.draw-dialog .draw-status{font-size:9px;min-height:0;margin:12px 0 0}.draw-dialog .draw-actions{margin-top:12px;gap:9px}.draw-dialog .draw-actions .btn{min-height:46px;font-size:12px}.draw-dialog .draw-actions .secondary{font-size:10px}
/* Corrections require a real missed attempt and both teams' agreement. */
.review-list-title{font-size:19px;margin:15px 0}.review-note{line-height:1.9}.correction-open{display:block;margin:8px 0 0;padding:6px 9px;border:1px solid #d5f88d55;background:#d5f88d0c;color:var(--lime);border-radius:5px;font-size:10px}.review-dialog .review-select-label{margin:16px 0}.dialog:has(#correctionForm){max-width:570px}.dialog:has(#correctionForm) h2{font-size:26px}.dialog:has(#correctionForm) h2 small{display:inline-block;font-size:12px;color:var(--purple);margin-right:10px}#correctionForm>label:not(.correction-consent){display:block;font-size:12px;color:#b4aac8;margin:18px 0}#correctionForm select{display:block;width:100%;margin-top:8px;background:#111827;border:1px solid #56516a;border-radius:7px;padding:10px;font-size:14px;min-height:45px}.correction-consent{display:flex;align-items:start;gap:9px;margin:18px 0;padding:12px;border:1px solid #b6a4f735;background:#b6a4f709;border-radius:7px;color:#bcb4ce;font-size:11px;line-height:1.9}.correction-consent input{flex:none;width:17px;height:17px;min-height:0;margin:3px 0;accent-color:var(--purple)}#correctionForm>.btn{min-height:45px;font-size:12px}#correctionForm>.review-note{margin-top:12px;font-size:10px}#correctionError:empty{display:none}
@media(max-width:740px){.dialog:has(.easy-setup){padding:26px 17px}.easy-setup .tile-options{gap:9px;margin:17px 0;grid-template-columns:1.25fr 1fr 1fr}.tile-group legend{gap:4px;font-size:9px;margin-bottom:8px;white-space:nowrap}.tile-group legend .ui-symbol{width:12px;height:12px}.tile-group+.tile-group{padding-right:7px}.choice-tiles{gap:4px}.choice-tiles label{min-height:47px;border-radius:5px;padding:5px 1px}.choice-tiles b{font-size:18px}.choice-tiles small{font-size:6px;white-space:nowrap;margin-top:2px}.setup-aids label{min-height:60px;padding:8px 4px;gap:6px}.setup-aids .ui-symbol{width:22px;height:22px}.setup-aids b{font-size:10px}.power-mode{margin:16px 0 12px}.power-mode legend{font-size:10px}.mode-segments label span{padding:7px 9px;font-size:11px}.power-mode>p{font-size:9px;line-height:1.9}.draw-dialog{padding:27px 17px}.draw-dialog h2{font-size:24px}.draw-dialog .draw-sub{font-size:10px;max-width:95%;margin-top:7px}.draw-dialog .team-draw-grid{gap:9px;margin:16px 0 13px}.draw-dialog .team-draw-card{padding:12px 10px}.draw-dialog .draw-team-name{font-size:12px}.draw-dialog .draw-slot{height:108px;max-width:95px;margin:8px auto 3px}.draw-dialog .draw-result{font-size:8px}.draw-dialog .draw-power{padding-top:9px;margin-top:7px}.draw-dialog .draw-power>b{font-size:14px}.draw-dialog .draw-power>p{font-size:9px;line-height:1.9;min-height:51px}.draw-power-head{gap:4px;flex-wrap:wrap}.draw-power-head>span,.draw-power-head>small{font-size:7px}.draw-power-tools{gap:5px}.draw-power-tools>.link,.draw-power-tools details{font-size:8px}.draw-dialog .draw-aid{font-size:8px;gap:4px;margin-top:9px;padding-top:8px}.draw-aid .ui-symbol{width:13px;height:13px}.draw-mode{padding:10px}.draw-mode-title{font-size:10px}.draw-mode>p{font-size:8px}.draw-mode .mode-segments button{font-size:10px;padding:6px}.draw-dialog .draw-status{font-size:8px;margin-top:10px}.draw-dialog .draw-actions{grid-template-columns:1fr auto;gap:7px}.draw-dialog .draw-actions .btn{font-size:10px;min-height:43px;padding:9px 12px}.draw-dialog .draw-actions .secondary{font-size:9px}.correction-open{font-size:9px}.dialog:has(#correctionForm) h2{font-size:23px}#correctionForm select{font-size:16px}.correction-consent{font-size:10px}.review-list-title{font-size:17px}}
@media(max-width:370px){.easy-setup .tile-options{gap:6px}.tile-group+.tile-group{padding-right:5px}.choice-tiles{gap:3px}.choice-tiles b{font-size:16px}.choice-tiles small{font-size:5.5px}.draw-dialog .team-draw-card{padding-inline:8px}.draw-power-head>small{padding-inline:3px}}
