*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.brawl-main{max-width:1180px!important}.brawl-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.back-link,.source-jump{font-size:13px;font-weight:650;color:#405235;text-underline-offset:4px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;margin:18px 0 8px}.brawl-heading h1{margin:0}.brawl-heading h1 span{font-size:.48em;font-weight:500;letter-spacing:-.5px;color:#65705d}.intro{margin:12px 0 22px;color:#5c6855}.deck-controls{margin-bottom:18px}.deck-controls fieldset{display:flex;gap:14px;align-items:end;flex-wrap:wrap;border:1px solid #cdd3bf;border-radius:10px;padding:14px 18px;background:#fffcf4}.deck-controls legend{font-size:12px;font-weight:750;padding:0 8px}.deck-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:650}.deck-controls select{max-width:100%;min-height:44px;border:1px solid #aab69b;background:#fffdf5;color:#253521;border-radius:6px;padding:9px 34px 9px 10px;font-size:14px}.deck-controls button,.result-actions button,#retry{min-height:44px;border:1px solid #6e8062;border-radius:6px;padding:10px 16px;font-weight:750;font-size:14px;background:#fffbef;color:#253521}.deck-controls .primary,.result-actions .primary,#retry{background:#253521;color:#fff1c5;border-color:#253521}.deck-count{font-size:12px;color:#64715b;padding-bottom:11px;margin-left:auto}.brawl-arena{background:#132a36;color:#f8edd6;padding:22px 28px 18px;border:1px solid #354c59;border-top:4px solid #e5c476;border-radius:13px;box-shadow:0 12px 30px #152a3212}.arena-top{display:flex;gap:12px;justify-content:space-between;font-size:11px;letter-spacing:1.2px;font-weight:800;color:#d5c392}.arena-top #card-progress{letter-spacing:0;color:#d5e0e4;font-weight:500}progress{display:block;width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;background:#304751;margin:14px 0 22px;accent-color:#e5c476}progress::-webkit-progress-bar{background:#304751}progress::-webkit-progress-value{background:#e5c476}progress::-moz-progress-bar{background:#e5c476}.flashcard{position:relative;background:#fffdf5;color:#23372f;border-radius:10px;padding:22px 28px;text-align:center;min-height:258px;border:1px solid #e5ddc8;box-shadow:0 8px 0 #071b254d}.card-top{display:flex;justify-content:space-between;gap:12px;text-align:left;color:#667058;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.card-top #card-side{color:#89743c}.flashcard h2{font-size:clamp(21px,2.7vw,29px);line-height:1.4;max-width:820px;margin:28px auto 20px;font-weight:700}.flashcard h2:focus,.results h2:focus{outline:none}#recall-hint{font-size:13px;color:#79816f;margin:0 0 20px}#reveal{display:block;background:#253521;color:#fff0c6;border:0;min-height:46px;border-radius:6px;font-weight:750;padding:11px 23px;margin:0 auto;font-size:14px}#reveal span{padding-left:20px;font-size:19px;vertical-align:middle}.answer-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#73805f;margin:16px 0 5px}#answer{font-size:clamp(21px,2.6vw,28px);line-height:1.35;font-weight:800;color:#31582d;margin:0 0 12px}#answer-panel{border-top:1px solid #dce2ce}#explanation{font-size:14px;line-height:1.65;max-width:780px;margin:0 auto 12px;color:#57624b}#card-source{display:inline-block;color:#516544;font-size:12px;line-height:1.5;text-underline-offset:3px;overflow-wrap:anywhere;margin:4px 0}.rating-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0}.rating-actions button{min-height:52px;padding:11px 18px;text-align:center;border-radius:7px;border:1px solid #9aa898;background:#213e48;color:#eef2e3;font-size:16px;font-weight:750}.rating-actions #known{background:#e5c476;border-color:#e5c476;color:#172e30}.rating-actions small{display:block;margin-top:3px;font-size:10px;font-weight:500;opacity:.75}.keyboard-hint{font-size:11px;color:#a8bbc1;text-align:center;margin:18px 0}.round-stats{display:flex;gap:20px;justify-content:center;margin-top:20px;padding-top:16px;border-top:1px solid #3f535d}.round-stats>div{min-width:100px;text-align:center}.round-stats strong{display:block;font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums;color:#f7e1a5}.round-stats span{font-size:9px;letter-spacing:1.1px;color:#adbec4}.results{text-align:center;padding:18px 10px}.finish-mark{font-size:30px;color:#e5c476;border:1px solid #e5c476;border-radius:50%;width:58px;height:58px;line-height:54px;display:inline-block}.results h2{font-size:30px;margin:12px 0}.results .eyebrow{color:#e5c476}#result-summary{font-size:18px;line-height:1.6}#result-note{font-size:12px;color:#b8c8c9}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}.result-actions .primary{background:#e5c476;color:#17302d;border-color:#e5c476}.study-sources{margin-top:24px;border:1px solid #d1d8c4;border-radius:9px;background:#fffcf4;padding:16px 20px}.study-sources summary{cursor:pointer;font-size:15px;font-weight:750}.study-sources p{font-size:14px;line-height:1.65}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.source-grid a{display:block;padding:14px;border:1px solid #d3dac7;border-radius:6px;text-decoration:none;color:#29452b}.source-grid strong{display:block;font-size:14px}.source-grid span{display:block;font-size:12px;color:#65705c;line-height:1.6;margin-top:6px}.study-sources .source-note{font-size:12px;color:#68745c}.brawl-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:22px 0;font-size:12px}.brawl-footer a{color:#405735}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#loading,#load-error{padding:35px 10px;text-align:center}#load-error h2{font-size:25px}.brawl-arena button:focus-visible{outline:3px solid #fff5d4!important;outline-offset:4px!important}.flashcard button:focus-visible{outline-color:#856619!important}
@media(max-width:650px){.brawl-heading{align-items:start;gap:10px}.source-jump{font-size:11px;white-space:nowrap;margin-top:5px}.brawl-heading h1 span{display:block;font-size:18px;margin-top:6px}.eyebrow{font-size:8px;letter-spacing:1px}.intro{font-size:14px}.deck-controls fieldset{padding:10px;gap:10px}.deck-controls label:first-of-type{flex:1 1 180px}.deck-controls label:nth-of-type(2){flex:1 1 110px}.deck-controls select{width:100%}.deck-controls button{flex:1 1 180px}.deck-count{margin-left:0;padding:3px 0;flex-basis:100%;text-align:center}.brawl-arena{padding:16px 12px;border-radius:9px}.flashcard{padding:16px;min-height:260px}.flashcard h2{margin:24px auto 18px;font-size:21px}.card-top{font-size:9px;letter-spacing:.5px}.arena-top{font-size:9px;letter-spacing:.7px}.round-stats{gap:8px}.round-stats>div{min-width:0;flex:1}.round-stats span{font-size:8px}.rating-actions button{padding:12px 8px;font-size:15px}.rating-actions small,.keyboard-hint{display:none}.rating-actions{margin-bottom:18px}.source-grid{grid-template-columns:1fr}.study-sources{padding:14px}.results h2{font-size:25px}}