*{box-sizing:border-box}html,body{background:#06121b;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}.game-surface{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.game-surface canvas{cursor:none;outline:none;width:100%;height:100%;display:block}::selection{background:0 0}.multiplayer-lobby{color:#dfded3;background:radial-gradient(at 23% 38%,#143440 0%,#081b24 38%,#050e15 78%);font:14px/1.5 Arial,sans-serif;position:fixed;inset:0;overflow:auto}.multiplayer-lobby *{box-sizing:border-box}.multiplayer-lobby button,.multiplayer-lobby input{font:inherit}.multiplayer-lobby button{cursor:pointer;color:#d8d9cf;background:#10252e;border:1px solid #54666a;border-radius:3px;padding:10px 16px;transition:background .16s,border-color .16s}.multiplayer-lobby button:focus-visible,.multiplayer-lobby input:focus-visible{outline-offset:4px;outline:2px solid #ebcc7c}.multiplayer-lobby button:disabled{opacity:.45;cursor:default}.multiplayer-lobby input{color:#e3e6df;background:#06141c;border:1px solid #3b5159;border-radius:3px;min-width:0;padding:10px 13px}.lobby-header{border-bottom:1px solid #8b774b55;justify-content:space-between;align-items:center;gap:20px;padding:25px 4vw;display:flex}.wordmark{letter-spacing:2px;color:#ddc58a;font:21px Georgia,serif;text-decoration:none}.wordmark span{letter-spacing:5px;color:#87a7b4;margin-top:4px;font:10px Arial,sans-serif;display:block}.account-strip{letter-spacing:1.5px;color:#91aeb3;align-items:center;gap:12px;font-size:10px;display:flex}.online-dot,.offline-dot{background:#7bc7ab;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.offline-dot{background:#d49b64}.rating{color:#d9c286;border-left:1px solid #38505a;padding-left:15px}.account-strip button{letter-spacing:0;font-size:12px}.lobby-layout{grid-template-columns:1fr 1fr;gap:75px;max-width:1160px;margin:0 auto;padding:45px 35px 35px;display:grid}.eyebrow{letter-spacing:2.5px;color:#91a9ae;margin:0 0 12px;font-size:10px}.multiplayer-lobby h1{color:#e8d8af;margin:0;font:48px/1.15 Georgia,serif}.champion-title{color:#ab9f80;margin:8px 0 20px;font-size:12px}.champion-art{border:1px solid #89754377;height:320px;position:relative;overflow:hidden}.champion-art>img{object-fit:cover;object-position:center 26%;width:100%;height:100%}.champion-art:after{content:"";background:linear-gradient(#0000 35%,#081820 95%);position:absolute;inset:0}.champion-caption{z-index:1;position:absolute;bottom:18px;left:20px;right:20px}.champion-caption>span{color:#e6d1a0;text-transform:uppercase;letter-spacing:2px;font-size:11px}.champion-caption p{color:#b4c1bf;max-height:56px;margin-bottom:0;font-size:12px;overflow:hidden}.champion-roster{justify-content:space-between;gap:10px;margin-top:16px;display:flex}.champion-roster button{color:#a0b4b8;background:0 0;border:1px solid #0000;flex:1;padding:6px;font-size:10px}.champion-roster img{aspect-ratio:1;width:100%;margin-bottom:6px;display:block}.champion-roster button.selected{color:#f0dba7;background:#b69c491a;border-color:#b6a06a}.play-panel{padding-top:3px}.play-panel h2{color:#e0d7bd;margin:0 0 13px;font:34px Georgia,serif}.intro-copy{color:#90a9b2;margin-bottom:24px;font-size:13px}.name-label{letter-spacing:2px;color:#839da6;margin-bottom:7px;font-size:9px;display:block}.name-form{gap:8px;margin-bottom:20px;display:flex}.name-form input{flex:1}.queue-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.queue-options .queue-option{text-align:left;background:#09212b;border-color:#304a55;padding:16px 13px}.queue-option strong{color:#cfd6cd;font:17px Georgia,serif;display:block}.queue-option span{color:#89a4b0;margin-top:5px;font-size:10px;line-height:1.6;display:block}.queue-options .selected{background:#9c80321a;border-color:#bca263}.multiplayer-lobby .primary{color:#14212a;letter-spacing:1.5px;background:linear-gradient(#d6bd81,#a58b50);border:1px solid #f0dca4;padding:14px 23px;font-weight:700}.multiplayer-lobby .primary:hover{background:#e3cb92}.find-match{width:100%;margin-top:14px}.private-divider{color:#738e99;letter-spacing:2px;text-align:center;margin:21px 0 12px;font-size:9px}.room-actions{gap:10px;display:flex}.room-actions>button{white-space:nowrap}.room-actions form{flex:1;gap:6px;min-width:0;display:flex}.room-actions input{letter-spacing:1.5px;width:100%;font-size:11px}.controls-note{border-top:1px solid #31464c;margin-top:25px;padding-top:16px}.controls-note strong{color:#aaa17e;letter-spacing:1.6px;font-size:9px}.controls-note p,.fine-print{color:#79949f;font-size:11px;line-height:1.8}.lobby-footer{color:#607c88;letter-spacing:1px;border-top:1px solid #77673f33;justify-content:space-between;gap:15px;padding:17px 4vw;font-size:9px;display:flex}.lobby-error{color:#ffd0c4;background:#52252e;justify-content:space-between;align-items:center;padding:12px 4vw;display:flex}.queue-wait{text-align:center;background:#0a222e;border:1px solid #a0864766;padding:25px 20px}.queue-wait h3{color:#dec997;font:25px Georgia,serif}.queue-wait strong{color:#ddcb9b;font-size:32px;display:block}.queue-wait p{color:#92adb4;font-size:12px}.queue-spinner{border:2px solid #445c62;border-top-color:#ddc58a;border-radius:50%;width:30px;height:30px;animation:1.2s linear infinite queue-spin;display:inline-block}@keyframes queue-spin{to{transform:rotate(360deg)}}.room-panel .room-code{letter-spacing:8px;color:#f0d599;background:0 0;width:100%;font:32px Georgia,serif}.room-panel>p{color:#90a9b2;font-size:11px}.room-panel ul{max-height:200px;padding:0;list-style:none;overflow:auto}.room-panel li{border-bottom:1px solid #24414d;align-items:center;gap:12px;padding:8px 0;display:flex}.room-panel li img{width:32px}.room-panel li small{color:#b5a474;margin-left:auto}.room-panel>.primary{width:100%}.result-panel,.history-panel{max-width:1000px;margin:40px auto;padding:30px}.result-panel>p{color:#9db4bc}.result-teams{grid-template-columns:1fr 1fr;gap:30px;margin:30px 0;display:grid}.result-teams h3{color:#c9b986;font:20px Georgia,serif}.result-player{border-bottom:1px solid #30414c;align-items:center;gap:12px;padding:12px 0;display:flex}.result-player img{width:38px}.result-player span{flex:1}.result-player span small{color:#7d99a4;display:block}.result-player>small{color:#c6ac74}.result-player strong{font-size:12px}.history-row{justify-content:space-between;gap:15px;width:100%;margin-top:12px;display:flex}.network-status{z-index:10;color:#c7d6d6;pointer-events:none;background:#06131ddd;border:1px solid #38535d;align-items:center;gap:8px;padding:5px 10px;font:10px Arial,sans-serif;display:flex;position:fixed;top:5px;left:12px}@media (width<=800px){.lobby-layout{grid-template-columns:1fr;gap:30px;padding:25px 20px}.champion-art{height:230px}.lobby-header{flex-wrap:wrap;padding:18px}.multiplayer-lobby h1{font-size:38px}.champion-roster img{max-width:70px;margin:0 auto 6px}.lobby-footer{flex-direction:column}.result-teams{grid-template-columns:1fr}.history-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.queue-spinner{animation:none}}.multiplayer-lobby{isolation:isolate;color:#a09b8c;background:#010a13;border:2px solid #463b25;font-family:Trebuchet MS,sans-serif}.lobby-backdrop{z-index:-2;background-position:38%;background-size:cover;position:fixed;inset:0}.lobby-backdrop:after{content:"";background:linear-gradient(90deg,#010a1320 0% 35%,#010a13dd 66%,#010a13fa 100%),linear-gradient(#010a13e8 0%,#010a1320 30%,#010a1355 60%,#010a13 100%);position:absolute;inset:0}.lobby-header{background:#010a13c9;border-bottom:1px solid #785a28;height:88px;padding:16px 3.5vw;box-shadow:0 3px 20px #0008}.wordmark{color:#c8aa6e;font-size:20px;font-weight:700}.wordmark span{color:#c8aa6e;letter-spacing:3px;font-size:9px}.multiplayer-lobby button,.multiplayer-lobby input{border-radius:0}.multiplayer-lobby button{color:#cdbe91;background:#09131d;border-color:#665434}.multiplayer-lobby button:hover{background:#17252b;border-color:#c8aa6e}.multiplayer-lobby input{background:#010a1399;border-color:#463b2b}.lobby-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:center;gap:6vw;max-width:1500px;min-height:calc(100dvh - 132px);padding:36px 4.5vw 30px}.champion-panel{flex-direction:column;justify-content:flex-end;align-self:stretch;min-height:550px;padding-bottom:10px;display:flex;position:relative}.champion-panel>.eyebrow{color:#c8aa6e;order:4;margin-top:28px;font-size:9px}.multiplayer-lobby .champion-panel h1{text-transform:uppercase;letter-spacing:5px;color:#f0e6d2;text-shadow:0 3px 25px #000;font-size:clamp(58px,6.5vw,94px)}.champion-title{letter-spacing:3px;color:#c8aa6e;margin:3px 0 18px;font-size:12px}.champion-art{border:0;height:auto;overflow:visible}.champion-art>img,.champion-art:after{display:none}.champion-caption{max-width:370px;position:static}.champion-caption>span{color:#c8aa6e;font-size:10px}.champion-caption p{color:#c3c2ba;text-shadow:0 2px 6px #000;line-height:1.7}.champion-abilities{gap:12px;margin-top:20px;display:flex}.ability-icon{border:1px solid #8c713f;width:40px;height:40px;position:relative;box-shadow:0 2px 8px #000}.ability-icon img{width:100%;height:100%}.ability-icon span{color:#cdbe91;text-align:center;background:#010a13;border:1px solid #665434;width:15px;font-size:9px;position:absolute;bottom:-5px;right:-4px}.champion-roster{order:5;justify-content:flex-start;gap:12px;margin-top:0}.champion-roster button{text-transform:uppercase;letter-spacing:.4px;flex:0 66px;padding:3px;font-size:9px}.champion-roster img{filter:saturate(.65);border:1px solid #625237;margin-bottom:5px}.champion-roster button.selected{background:#010a13ad;border-color:#c8aa6e;box-shadow:0 0 16px #c8aa6e26}.champion-roster button.selected img,.champion-roster button:hover img{filter:none}.play-panel{background:linear-gradient(#010a1377,#010a13c9);border:1px solid #785a2866;padding:25px 24px 18px;position:relative;box-shadow:0 12px 45px #0005}.play-panel:before{content:"";background:#c8aa6e;width:46px;height:3px;position:absolute;top:-2px;left:calc(50% - 23px)}.play-panel>.eyebrow{text-align:center;color:#a09b8c;font-size:9px}.play-panel h2{text-align:center;letter-spacing:1.5px;color:#f0e6d2;font-size:22px}.intro-copy{text-align:center;color:#8c969a;margin-bottom:20px;font-size:11px;line-height:1.6}.name-label{color:#a09b8c;font-size:8px}.name-form{margin-bottom:18px}.name-form input,.name-form button{padding:8px 10px;font-size:11px}.queue-options{grid-template-columns:1fr;gap:8px}.queue-options .queue-option{background:linear-gradient(90deg,#11232cb3,#06101999);border-color:#49412f;padding:12px 30px 12px 43px;position:relative}.queue-option:before{content:"◇";color:#785a28;font-size:22px;position:absolute;top:14px;left:14px}.queue-option strong{text-transform:uppercase;letter-spacing:1px;color:#cdbe91;font:700 12px Trebuchet MS,sans-serif}.queue-option span{color:#899298;margin-top:3px;font-size:9px}.queue-options .selected{background:linear-gradient(90deg,#785a2845,#08141b);border-color:#c8aa6e;box-shadow:inset 0 0 12px #c8aa6e0d}.queue-options .selected:before{color:#f0e6d2;text-shadow:0 0 10px #c8aa6e}.multiplayer-lobby .primary{color:#f0e6d2;text-shadow:0 2px #000;letter-spacing:2px;background:linear-gradient(#15343e,#071c26);border:2px solid #c8aa6e;font-size:13px;box-shadow:inset 0 0 0 2px #010a13,0 0 18px #0ac8b922}.multiplayer-lobby .primary:hover{background:linear-gradient(#215464,#0a2934);box-shadow:0 0 20px #0ac8b933}.find-match{margin-top:20px}.private-divider{color:#8e805e;margin:17px 0 10px;font-size:8px}.room-actions{gap:6px}.room-actions button{padding:8px;font-size:10px}.room-actions input{letter-spacing:.8px;padding:8px;font-size:9px}.controls-note{border-color:#785a284d;margin-top:18px;padding-top:12px}.controls-note strong{font-size:8px}.controls-note p{color:#778389;margin-bottom:0;font-size:9px;line-height:1.8}.lobby-footer{background:#010a13bb;border-color:#785a2844;padding:12px 3.5vw;font-size:8px}.history-panel,.result-panel{background:#010a13ed;border:1px solid #785a28}@media (width>=1500px){.lobby-layout{grid-template-columns:minmax(0,1fr) 390px}}@media (width<=800px){.lobby-layout{grid-template-columns:minmax(0,1fr) 320px;gap:25px;padding:28px 24px}.champion-panel{min-height:550px}.play-panel{padding:22px 17px 16px}.champion-roster{gap:5px}.multiplayer-lobby .champion-panel h1{font-size:48px}.lobby-header{padding:16px 24px}.wordmark{font-size:16px}.account-strip{letter-spacing:.5px;gap:8px}}@media (width<=620px){.lobby-header{gap:14px;height:auto}.account-strip{width:100%}.account-strip button{margin-left:auto}.lobby-layout{grid-template-columns:1fr;gap:28px;padding:22px}.champion-panel{min-height:450px;padding-top:130px}.lobby-backdrop{background-position:42% 0;background-repeat:no-repeat;background-size:auto 700px}.lobby-backdrop:after{background:linear-gradient(#010a13aa,#010a1333 25%,#010a13 90%)}.champion-roster button{flex-basis:62px}.champion-roster{gap:12px}.play-panel{padding:24px}.lobby-footer{flex-direction:column}}@media (width>=621px) and (height<=800px){.lobby-header{height:70px;padding-top:10px;padding-bottom:10px}.lobby-layout{min-height:calc(100dvh - 108px);padding-top:18px;padding-bottom:18px}.champion-panel{min-height:500px}.play-panel{padding-top:17px;padding-bottom:13px}.play-panel h2,.play-panel>.eyebrow{margin-bottom:7px}.intro-copy{margin-top:0;margin-bottom:12px}.name-form{margin-bottom:12px}.queue-options .queue-option{padding-top:9px;padding-bottom:9px}.queue-option:before{top:10px}.find-match{margin-top:13px}.private-divider{margin-top:12px}.controls-note{margin-top:12px;padding-top:9px}.champion-panel>.eyebrow{margin-top:20px}.lobby-footer{padding-top:9px;padding-bottom:9px}}.summoner-loadout{color:#c2b68e;flex:1;gap:7px;min-width:0;font-size:11px;display:grid}.summoner-loadout select{color:#eee7d3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;font:inherit;background:#10242b;border:1px solid #586253;border-radius:3px;padding:10px 12px}.summoner-loadout select:focus-visible{outline-offset:3px;outline:2px solid #d7ba70}.summoner-loadout option:disabled{color:#899397}