@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{color:#e8e9ed;--line:#272c37;--muted:#828895;--blue:#65a5ff;--red:#ff807b;--card:#121720;background:#0b0e14;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 74% 6%,#172035 0,#0000 38%),#0b0e14;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}main{max-width:1440px;margin:auto;padding:0 5.5vw}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.brand{align-items:center;gap:11px;display:flex}.mark{color:#d8b474;font-size:22px}.brand b{letter-spacing:.16em;font-size:18px;display:block}.brand small{letter-spacing:.15em;color:#78808d;font:9px DM Mono}.topRight{align-items:center;gap:24px;display:flex}.live,.dataStatus,.count,.turn,.historyTitle small{letter-spacing:.08em;font:10px DM Mono}.live{color:#848b99}.live i,.dataStatus i{background:#6cdfa4;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #6cdfa4}.reset{color:#aeb3bd;background:0 0;font-size:12px}.reset:first-letter{color:#d8b474}.hero{justify-content:space-between;align-items:center;min-height:275px;display:flex;position:relative}.eyebrow{letter-spacing:.18em;color:#858d9b;margin:0 0 12px;font:10px DM Mono}.hero h1{letter-spacing:-.06em;margin:0;font-size:52px;font-weight:700;line-height:1.12}.hero h1 em{color:#d9ae68;font-family:Playfair Display;font-weight:600}.intro{color:#8a919e;margin-top:19px;font-size:13px;line-height:1.7}.heroArt{color:#273244;align-items:center;gap:8px;margin-right:10%;font:800 82px Manrope;display:flex;transform:rotate(-8deg)}.heroArt span:nth-child(2){color:#d2ab68;font-family:Playfair Display;font-size:70px;font-style:italic}.layout{grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);gap:44px;padding-bottom:70px;display:grid}.workspace{border-top:1px solid var(--line);padding-top:28px}.stepHead,.draftTitle,.sideTitle{align-items:flex-start;gap:15px;display:flex}.stepHead h2,.draftTitle h2,.sideTitle h2{letter-spacing:-.04em;margin:0;font-size:21px}.num{color:#d4ae69;border:1px solid #655237;border-radius:50%;place-items:center;width:27px;height:27px;font:11px DM Mono;display:grid}.count{color:#d6aa66;margin-left:auto;font-size:18px}.count small{color:#5e6571;font-size:11px}.add{gap:8px;margin:25px 0 12px;display:flex}.add input{color:#fff;background:#161b24;border:1px solid #303744;outline:0;flex:1;padding:13px 15px;font-size:13px}.add input:focus{border-color:#657897}.add button,.record{color:#171719;background:#d7ae69;padding:0 18px;font-size:12px;font-weight:800}.add button:disabled,.record:disabled{opacity:.35;cursor:not-allowed}.roster{grid-template-columns:1fr 1fr;gap:5px;min-height:60px;display:grid}.player,.slot{background:#151a23;border:1px solid #232a35;align-items:center;gap:9px;padding:11px 12px;font-size:12px;display:flex}.player small{color:#5e6673;margin-left:auto;font:10px DM Mono}.player button{color:#5d6570;background:0 0;font-size:17px}.avatar{color:#90bbff;background:#26354c;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.empty{text-align:center;color:#646c7b;border:1px dashed #303744;grid-column:1/-1;padding:15px;font-size:12px}.captainHead{margin-top:42px}.captainGrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:25px;display:grid}.captainBox{background:linear-gradient(120deg,#172334,#121820);border:1px solid #354256;min-height:100px;padding:16px}.captainBox.redBox{background:linear-gradient(120deg,#271d25,#13171c);border-color:#493334}.captainBox>span{color:#6a9adb;letter-spacing:.12em;font:9px DM Mono}.redBox>span{color:#de7978}.captainBox strong{margin-top:13px;font-size:15px;display:block}.miniChoices{flex-wrap:wrap;gap:4px;margin-top:9px;display:flex}.miniChoices button{color:#a7c6f4;background:#252e3d;padding:5px 7px;font-size:10px}.redBox .miniChoices button{color:#f0afae;background:#38262b}.rps{background:#161b23;border:1px solid #303744;justify-content:space-between;align-items:center;margin-top:13px;padding:18px 20px;display:flex}.rps b{font-size:13px;display:block}.rps span{color:#747c88;font-size:10px}.rpsBtns{gap:5px;display:flex}.rpsBtns button{color:#a3bde5;background:#252e3c;padding:10px 13px;font-size:10px}.rpsBtns button.active{color:#fff;background:#4b78b7}.rpsBtns button.active.red{background:#9e4d4d}.rpsBtns i{margin-left:9px;font-style:normal}.draft{border-top:1px solid var(--line);margin-top:42px;padding-top:26px}.turn{color:#d5ad6a;border:1px solid #5d4b31;margin-left:auto;padding:7px 9px}.draftCols{grid-template-columns:1fr 1fr;gap:12px;margin-top:23px;display:grid}.teamColumn h3{letter-spacing:.1em;border-bottom:2px solid var(--blue);color:#8bb9ff;padding-bottom:9px;font-size:11px}.redCol h3{border-color:var(--red);color:#ed9692}.teamColumn h3 i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.teamColumn h3 small{float:right;color:#69717e;font:10px DM Mono}.slot{justify-content:space-between;margin-top:5px}.slot b,.slot span:last-child{color:#687383;font:9px DM Mono}.slot.available{color:#aeb5c0;background:#11151c;border-style:dashed;width:100%;transition:all .2s}.slot.available:hover{color:#fff;background:#1b2637;border-color:#6a91c9}.redCol .slot.available:hover{border-color:#bb6868}.sidebar{background:#11151c;border:1px solid #262d38;align-self:start;min-height:560px;padding:27px 24px}.sideTitle{justify-content:space-between}.dataStatus{color:#6cdfa4;font-size:9px}.dataNote{color:#b6bdc8;background:#1a2029;margin-top:22px;padding:11px 12px;font-size:10px;line-height:1.5}.dataNote:first-letter{color:#d5ad6a}.dataNote small{color:#6f7783;margin-top:3px;font:9px DM Mono;display:block}.search{border-bottom:1px solid #343b48;align-items:center;gap:8px;padding:16px 3px 10px;display:flex}.search span{color:#778191;font-size:23px}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:12px}.champGrid{grid-template-columns:1fr 1fr;gap:3px;height:263px;padding:12px 0;display:grid;overflow-y:auto}.champ{text-align:left;color:#b0b6c0;background:#171d26;align-items:center;gap:7px;min-width:0;padding:5px;font-size:10px;display:flex}.champ img,.champLetter{object-fit:cover;color:#b7d1f7;background:#30415d;place-items:center;width:25px;height:25px;display:grid}.champ:hover{color:#fff;background:#26334a}.champ.banned{opacity:.4;filter:grayscale();cursor:not-allowed}.champ.banned b{color:#ff8580;margin-left:auto;font:8px DM Mono}.champ.chosen{color:#fff;background:#3b3021;outline:1px solid #d6ae69}.loading,.historyEmpty{text-align:center;color:#757e8c;grid-column:1/-1;padding-top:40px;font-size:11px}.loading span{color:#d9ae68;letter-spacing:3px;margin-left:8px}.notice{color:#f0ad8b;background:#34221e;margin-bottom:7px;padding:9px;font-size:10px}.record{width:100%;height:37px}.historyTitle{border-top:1px solid #2b323d;justify-content:space-between;margin-top:26px;padding-top:18px;font-size:12px;display:flex}.historyTitle small{color:#69717d}.historyEmpty{text-align:left;color:#69717d;padding:20px 0;line-height:1.8}.historyEmpty span{color:#4f5865;font-size:10px}.history{border-top:1px solid #252b35;align-items:center;gap:10px;padding:13px 0;display:flex}.history>div:first-child b{color:#d5ad6a;font:10px DM Mono;display:block}.history>div:first-child span{color:#68717e;font-size:9px}.historyChamps{flex-wrap:wrap;flex:1;gap:4px;display:flex}.historyChamps span{color:#bdc2ca;background:#252b35;padding:4px 6px;font-size:9px}.lock{color:#d5ad6a;font-size:13px}footer{border-top:1px solid var(--line);color:#535c69;letter-spacing:.1em;justify-content:space-between;padding:18px 0 25px;font:9px DM Mono;display:flex}@media (width<=900px){main{padding:0 22px}.hero h1{font-size:42px}.heroArt{margin-right:0;font-size:58px}.layout{grid-template-columns:1fr;gap:40px}.sidebar{max-width:none}.champGrid{height:220px}}@media (width<=560px){.topRight .live{display:none}.hero{min-height:230px}.heroArt{display:none}.hero h1{font-size:37px}.roster,.captainGrid,.draftCols{grid-template-columns:1fr}.rps{display:block}.rpsBtns{margin-top:14px}.rpsBtns button{flex:1}.layout{gap:30px}.sidebar{padding:20px 16px}footer{line-height:2.1;display:block}.count{font-size:15px}}.playerInfo{flex-direction:column;gap:3px;min-width:75px;display:flex}.playerInfo .profileLine{color:#73b995;white-space:nowrap;font:8px DM Mono}.riotCheck{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.riotCheck input{color:#d6d9df;background:#10151c;border:1px solid #303744;outline:0;width:115px;padding:6px;font-size:9px}.riotCheck button{color:#aac8f5;background:#29374c;padding:5px 7px;font-size:9px}.riotCheck button:disabled{opacity:.4}.riotCheck em{color:#e6807d;width:100%;font-size:8px;font-style:normal}.playerNo{margin-left:2px}.remove{flex:none}.player button:disabled{opacity:.25}@media (width<=700px){.player{flex-wrap:wrap}.riotCheck{width:100%;margin-left:34px}.riotCheck input{flex:1}.playerNo{margin-left:auto}.chatInputs{flex-wrap:wrap}.chatInputs input{width:calc(50% - 3px)!important}.chatInputs button{flex:1;height:32px}}.chatPanel{background:linear-gradient(135deg,#141d2a,#11161e);border:1px solid #2b3442;margin-top:34px;padding:20px}.chatHeader{justify-content:space-between;align-items:flex-start;display:flex}.chatHeader h2{margin:0;font-size:17px}.connection{color:#7c8593;font:9px DM Mono}.connection i{background:#717987;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.connection.connected{color:#6cdfa4}.connection.connected i{background:#6cdfa4;box-shadow:0 0 8px #6cdfa4}.connection.error{color:#ef8580}.connection.error i{background:#ef8580}.chatSetup{margin-top:18px}.chatInputs{gap:5px;display:flex}.chatInputs input,.send input{color:#e9ebef;background:#0d1219;border:1px solid #303b4b;outline:0;padding:10px;font-size:11px}.chatInputs input:first-child{letter-spacing:.1em;width:125px}.chatInputs input:nth-child(2){flex:1}.chatInputs button,.send button{background:#3c659d;padding:0 13px;font-size:10px}.chatInputs button:disabled{opacity:.35}.chatInputs .makeRoom{color:#bec8d6;background:#252e3c}.chatSetup p{color:#707b8b;margin:11px 0 0;font-size:10px}.chatRoom{margin-top:14px}.roomMeta{color:#9aa5b4;align-items:center;gap:12px;font:9px DM Mono;display:flex}.roomMeta b{color:#d5ad6a}.roomMeta span{color:#71a6df}.roomMeta button{color:#e47f7b;background:0 0;margin-left:auto;font:9px DM Mono}.messages{border-top:1px solid #2b3442;border-bottom:1px solid #2b3442;height:105px;margin-top:10px;padding:9px 2px;overflow:auto}.chatEmpty{text-align:center;color:#5f6978;padding:30px;font-size:10px;display:block}.chatMessage{margin:5px 0;font-size:10px}.chatMessage b{color:#d5ad6a;margin-right:8px}.chatMessage span{color:#bec5d0}.send{gap:5px;margin-top:8px;display:flex}.send input{flex:1}.send button{padding:0 16px}.chatPrivacy{color:#697586;border-top:1px solid #25303d;margin-top:16px;padding-top:12px;font-size:9px;line-height:1.5}