:root{--ink:#0b0906;--ink-2:#16110a;--ink-3:#221a10;--parchment:#ecdfc3;--parchment-dim:#a9987d;--gold:#c9a154;--gold-bright:#eac97a;--gold-line:#c9a15452;--gold-line-strong:#c9a15499;--crimson:#a5433f;--crimson-bg:#a5433f29;--azure:#3d7a94;--azure-bg:#3d7a9429;--verdant:#4f7d4e;--verdant-bg:#4f7d4e29;--danger:#e0685c;--shadow:#00000080 0 12px 24px -8px;--display:"Cinzel", Georgia, "Times New Roman", serif;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--parchment);background:var(--ink);scrollbar-gutter:stable;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}#root{background:radial-gradient(ellipse 1200px 600px at 50% -10%, #c9a15414, transparent 60%), var(--ink);flex-direction:column;min-height:100svh;display:flex}body{margin:0}h1,h2,h3,h4{font-family:var(--display);color:var(--gold-bright);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-weight:600}h1{letter-spacing:.08em;margin:8px 0 4px;font-size:2.1rem}h2{border-bottom:1px solid var(--gold-line);margin-bottom:16px;padding-bottom:10px;font-size:1.15rem}h3{color:var(--gold);font-size:1rem}h4{color:var(--parchment-dim);letter-spacing:.08em;font-size:.8rem}p{margin:0}a{color:var(--gold-bright)}::selection{background:#c9a15459}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--ink-3);border:1px solid var(--gold-line);border-radius:6px}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}code,.counter{font-family:var(--mono);color:var(--parchment);border-radius:4px;display:inline-flex}code{background:var(--ink-3);padding:2px 6px;font-size:.9rem}.app{text-align:left;max-width:1100px;margin:0 auto;padding:28px 24px 100px}.app>h1{text-align:center}.site-footer{border-top:1px solid var(--gold-line);color:var(--parchment-dim);text-align:center;max-width:100ch;margin-top:48px;margin-left:auto;margin-right:auto;padding-top:16px;font-size:.78rem}.site-footer a{color:var(--parchment-dim);text-decoration:underline}.site-footer a:hover{color:var(--gold-bright)}.subtitle{color:var(--parchment-dim);text-align:center;max-width:70ch;margin-top:-2px;margin-left:auto;margin-right:auto}section{border-top:1px solid var(--gold-line);margin-top:36px;padding-top:20px}button{font:inherit;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--gold-bright);background:linear-gradient(180deg, var(--ink-3), var(--ink-2));border:1px solid var(--gold-line-strong);cursor:pointer;border-radius:4px;padding:10px 16px;font-size:.72rem;font-weight:600;transition:border-color .15s,box-shadow .15s,color .15s}button:hover:not(:disabled){border-color:var(--gold-bright);box-shadow:0 0 0 1px var(--gold-line), 0 4px 14px -4px #c9a15466;color:var(--gold-bright)}button:disabled{opacity:.45;cursor:not-allowed}button.remove{color:var(--danger);border-color:#e0685c59;padding:6px 10px;font-size:.65rem}button.remove:hover:not(:disabled){border-color:var(--danger);box-shadow:0 0 0 1px #e0685c40}select,input[type=text],input[type=number]{font:inherit;color:var(--parchment);background:var(--ink-3);border:1px solid var(--gold-line);border-radius:4px;padding:7px 9px}select:hover,input:hover{border-color:var(--gold-line-strong)}select:focus,input:focus{border-color:var(--gold)}input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px}label{color:var(--parchment-dim)}.mode-picker,.role-picker,.strategy-picker{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.mode-picker{justify-content:center}.mode-picker button,.role-picker button,.strategy-picker button{text-transform:capitalize;border-bottom:2px solid #0000;border-radius:999px 999px 0 0}.mode-picker button.active,.role-picker button.active,.strategy-picker button.active{color:var(--gold-bright);border-bottom:2px solid var(--gold);box-shadow:0 0 0 1px var(--gold-line-strong), 0 0 14px -4px var(--gold)}.tokens-picker{flex-wrap:wrap;align-items:center;gap:20px;margin-top:10px;display:flex}.tokens-picker input[type=number]{width:80px}.match-input{gap:8px;display:flex}.match-input input{flex:1}.error{color:var(--danger);margin-top:8px}.player-list ul{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.player-section h2{border-bottom:none;align-items:center;gap:12px;padding-bottom:0;display:flex}.player-section .remove{padding:4px 10px;font-size:.6rem}.role-score{font-size:1.1rem}.titles-picker{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.titles-picker select{max-width:420px;margin-left:8px}.prefix-toggle{align-items:center;gap:8px;margin:12px 0;display:flex}.hint{color:var(--parchment-dim);margin-top:8px;font-size:.8rem}.clipboard-transfer{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 14px;display:flex}.clipboard-transfer button{padding:7px 12px;font-size:.65rem}.clipboard-transfer .hint,.clipboard-transfer .error{margin-top:0}.banner-editor{margin-top:4px}.banner-slots{flex-wrap:wrap;gap:12px;display:flex}.banner-slot{background:linear-gradient(160deg, var(--ink-2), var(--ink));border:1px solid var(--gold-line);border-radius:6px;flex-direction:column;flex:170px;gap:8px;min-width:150px;padding:14px 12px 12px;display:flex;position:relative}.banner-slot:before{content:"";background:var(--slot-accent,var(--gold));border-radius:6px 6px 0 0;height:3px;position:absolute;inset:0 0 auto}.banner-slot label{text-transform:uppercase;letter-spacing:.05em;flex-direction:column;gap:3px;font-size:.72rem;display:flex}.banner-slot select{text-transform:none;letter-spacing:normal}.slot-color{font-family:var(--display);color:var(--ink);letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 65%);align-self:flex-start;padding:4px 12px 4px 10px;font-size:.65rem;font-weight:600}.banner-errors{color:var(--danger);margin-top:8px;font-size:.85rem}.banner-slot[data-color=red]{--slot-accent:var(--crimson);border-color:#a5433f73}.banner-slot[data-color=blue]{--slot-accent:var(--azure);border-color:#3d7a9473}.banner-slot[data-color=green]{--slot-accent:var(--verdant);border-color:#4f7d4e73}.banner-slot[data-color=red] .slot-color{background:var(--crimson)}.banner-slot[data-color=blue] .slot-color{background:var(--azure)}.banner-slot[data-color=green] .slot-color{background:var(--verdant)}.stats-panel{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 16px;display:grid}.stats-panel label{text-transform:none;letter-spacing:normal;justify-content:space-between;align-items:center;gap:8px;font-size:.82rem;display:flex}.stats-panel input{width:90px}.stats-panel label.uncertain{color:var(--gold)}.uncertain-note{color:var(--gold);margin-top:8px;font-size:.82rem}.breakdown-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.85rem}.breakdown-table th,.breakdown-table td{border-bottom:1px solid var(--gold-line);text-align:right;padding:8px 10px}.breakdown-table th{font-family:var(--display);text-transform:uppercase;letter-spacing:.07em;color:var(--gold);border-bottom:1px solid var(--gold-line-strong);font-size:.68rem;font-weight:600}.breakdown-table th:first-child,.breakdown-table td:first-child{text-align:left;font-family:var(--sans)}.breakdown-table tbody tr:hover{background:#c9a1540f}.breakdown-table tfoot td:first-child{text-align:right;color:var(--parchment-dim);font-family:var(--sans)}.breakdown-table tfoot td{border-bottom:none}.breakdown-table .final-row td,.breakdown-table tr.final-row td{color:var(--gold-bright);box-shadow:inset 0 1px 0 var(--gold-line-strong), inset 0 -1px 0 var(--gold-line-strong);background:#c9a1541a;font-weight:600}.rankings-table td:nth-child(2),.rankings-table th:nth-child(2){text-align:left;font-family:var(--sans)}.reroll-option-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.reroll-option-row span{font-family:var(--mono);color:var(--parchment-dim);width:1.5em}.reroll-option-row select{flex:1;max-width:420px}.reroll-banners-row{flex-wrap:wrap;align-items:stretch;gap:20px;display:flex}.reroll-banner-block{background:linear-gradient(165deg, var(--ink-2), var(--ink));border:1px solid var(--gold-line-strong);border-radius:8px;flex-direction:column;flex:320px;gap:12px;min-width:300px;padding:16px;display:flex}.reroll-banner-block h3{text-align:center;margin:0;font-size:1.05rem}.reroll-banner-block h4{margin:4px 0 0}.reroll-banner-block .banner-slots{flex-flow:column}.reroll-banner-block .banner-slot{min-width:0}