:root{color-scheme:dark;--bg:#101512;--panel:#181f1b;--line:#334038;--fg:#f3f7ee;--muted:#b6c3b7;--lime:#d3f97a;--loss:#ffd1ca}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,sans-serif}header{border-bottom:1px solid var(--line)}.wrap{width:min(950px,92vw);margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.brand{color:var(--fg);text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:-.03em}.brand span{color:var(--lime);font-size:1.45rem;margin-right:.2em}.hero{isolation:isolate;position:relative;overflow:hidden;margin:24px 0 16px;border:1px solid #455841;border-radius:23px;padding:clamp(24px,6vw,65px);background:radial-gradient(ellipse at 94% 60%,#374c26 0%,transparent 66%),#1b261d}.eyebrow,.tag{font-size:.75rem;letter-spacing:.12em;color:var(--lime);font-weight:800}.hero h1{font-size:clamp(3rem,9vw,6.7rem);line-height:.96;letter-spacing:-.075em;margin:16px 0;white-space:pre-line}.hero p{font-size:1.06rem;max-width:34ch}.rings{z-index:-1;position:absolute;width:360px;height:360px;border:1px solid #d3f97555;right:-60px;top:50%;transform:translateY(-50%);border-radius:50%;box-shadow:0 0 0 28px #a6c26b11,0 0 0 56px #a6c26b11,inset 0 0 0 28px #a6c26b11,inset 0 0 0 56px #a6c26b11}.grid,.fields,.buttons,.stats{display:grid;gap:12px}.grid,.fields,.buttons{grid-template-columns:1fr 1fr}.card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:clamp(16px,3vw,24px);min-width:0}.tag span{display:inline-block;background:#313e2c;border-radius:5px;padding:3px 6px;margin-right:5px}h2{margin:8px 0;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.15;letter-spacing:-.04em}p{margin:8px 0;color:var(--muted)}label{display:block;font-size:.85rem;font-weight:700;margin:12px 0 5px}input,select,button{font:inherit;color:inherit;background:#101512;border:1px solid #4a584d;border-radius:8px;padding:9px 11px}input:not([type=checkbox]),.card select{width:100%;min-width:0}.check input{accent-color:var(--lime)}.buttons{margin-top:14px}button{cursor:pointer;background:var(--lime);color:#1a2310;font-weight:750;border-color:transparent;min-height:44px}button.loss{background:var(--loss);color:#321614}.secondary{background:transparent;border-color:#526052;color:var(--fg)}button:disabled{opacity:.48;cursor:default}.tip{border-left:3px solid var(--lime);padding:7px 10px;background:#273222;margin-top:14px;color:var(--fg)}.board,details{margin-top:12px}.stats{grid-template-columns:repeat(4,1fr);margin-top:14px}.stat{background:#111813;border-radius:10px;padding:10px}.stat strong{display:block;font-size:1.55rem}.stat span{font-size:.8rem;color:var(--muted)}ul{padding:0;list-style:none;margin:0}li{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:9px 0;overflow-wrap:anywhere}li button{min-height:36px;padding:3px 10px}summary{cursor:pointer;font-weight:750}footer{padding:12px 0 24px;font-size:.8rem}#saved:empty{display:none}#finish{margin-top:12px}:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media(max-width:640px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.rings{opacity:.55;right:-220px}}
.navigation{display:flex;align-items:center;gap:clamp(6px,2vw,16px);flex-wrap:wrap;justify-content:flex-end}.navigation a{color:var(--lime);font-size:.9rem}.top .brand{flex-shrink:0}#matchupCard{display:grid;grid-template-columns:1fr 1fr;gap:12px}#matchupCard div{background:#111813;border-radius:10px;padding:12px}#matchupCard dt{font-weight:750;color:var(--lime)}#matchupCard dd{margin:4px 0 0}#matchupStatus:empty{display:none}@media(max-width:640px){#matchupCard{grid-template-columns:1fr}}
.offer-grid{margin-top:14px}.offer{background:#111813;border:1px solid var(--line);border-radius:12px;padding:16px}.offer.premium{border-color:#617b42}.offer h3{margin:0}.offer .price{font-weight:750;color:var(--fg)}.offer a{display:inline-block;color:var(--lime);margin-top:12px}.offer li{display:list-item;list-style:disc;margin-left:1.2em}.offer li::marker{color:var(--lime)}
.riot-history{margin-bottom:12px}.riot-history a{color:var(--lime)}
.matchup-fields [hidden]{display:none}.matchup-fields label{margin:0}.matchup-fields select{display:block;margin-top:4px}#pairTitle{font-weight:700;color:var(--fg)}
.matchup-fields option:disabled{color:#8b938e}#spellStatus{color:var(--lime)}
.matchup-fields select[hidden]{display:none}.portrait-picker{margin-top:4px;border:1px solid var(--line);border-radius:8px;background:#171d18}.portrait-picker summary{padding:8px;cursor:pointer;min-height:44px}.portrait-picker img,#pairTitle img{vertical-align:middle;border-radius:5px;margin-right:7px;object-fit:cover;background:#303a31}.portrait-options{max-height:250px;overflow:auto}.portrait-options button{width:100%;display:flex;align-items:center;text-align:left;gap:5px;background:transparent;color:var(--fg);border:0;border-radius:0;padding:6px 8px}.portrait-options button:disabled{color:#aeb6af;opacity:1;cursor:default}.portrait-options button:disabled img{filter:grayscale(1);opacity:.55}.portrait-options small{margin-left:auto;color:var(--lime)}.portrait-options button:not(:disabled):hover{background:#303a31}