.riot-online{z-index:35;color:#fff2dc;scrollbar-width:thin;background:#13202df5;border:1px solid #ffffff30;padding:24px 30px 28px;font-family:Arial,sans-serif;position:absolute;inset:70px 4vw 22px;overflow:auto;box-shadow:0 18px 80px #0007}.riot-online *{box-sizing:border-box}.riot-online button,.riot-online input,.riot-online select{font:inherit}.riot-online button{cursor:pointer;min-height:44px;color:inherit;background:#ffffff09;border:1px solid #ffffff45;border-radius:4px;padding:9px 14px}.riot-online button:disabled{cursor:default;opacity:.48}.riot-online :is(button,input,select):focus-visible{outline-offset:4px;outline:3px solid #ffc55e}.riot-online input,.riot-online select{color:#fff2dc;background:#1d3042;border:1px solid #aabccc80;border-radius:3px;width:100%;min-height:44px;padding:10px 12px}.riot-online input::placeholder{color:#9eafbd}.riot-online h1:focus{outline:none}.riot-online p{line-height:1.45}.riot-online-nav{align-items:center;gap:18px;display:flex}.riot-online-nav>span:first-of-type{font:900 24px var(--font-riot), sans-serif}.riot-online-network{color:#aabccc;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.riot-online-heading{margin:26px 0 24px}.riot-online-heading h1{font:900 clamp(30px, 4.5vw, 62px)/1 var(--font-riot), sans-serif;letter-spacing:-.025em;margin:0}.riot-online-heading p{color:#b4c4d3;margin:11px 0 0;font-size:15px}.riot-online-layout{grid-template-columns:minmax(230px,.86fr) minmax(280px,1fr);gap:38px;max-width:1060px;margin:auto;display:grid}.riot-online-layout.is-room{grid-template-columns:minmax(200px,.62fr) minmax(350px,1.4fr)}.riot-online-name{font-weight:700;display:block}.riot-online-name input{margin-top:9px}.riot-online-drivers{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:23px 0;padding:0;display:grid}.riot-online-drivers legend{color:#b4c4d3;padding:0 0 10px;font-size:13px}.riot-online-drivers button{justify-content:center;align-items:center;gap:6px;padding:9px 5px;font-size:13px;display:flex;position:relative}.riot-online-drivers button>span{background:var(--seat-colour);border-radius:50%;flex:none;width:8px;height:8px}.riot-online-drivers button[aria-pressed=true]{border-color:var(--seat-colour);background:#ffffff16}.riot-online-drivers button>svg{color:#ffc55e;position:absolute;top:1px;right:2px}.riot-online-rules{grid-template-columns:1fr 1fr;gap:12px;display:grid}.riot-online-rules label{color:#b4c4d3;font-size:13px;display:block}.riot-online-rules label:first-child{grid-column:1/-1}.riot-online-rules select{margin-top:6px;font-size:14px}.riot-online-note{color:#aabccc;max-width:54ch;font-size:12px}.riot-online-private{border-bottom:1px solid #ffffff25;padding:18px 0 24px}.riot-online-private>svg{color:#ffc55e}.riot-online h2{font:900 29px/1.1 var(--font-riot), sans-serif;margin:13px 0}.riot-online-private p{color:#b4c4d3;max-width:35ch;font-size:14px}.riot-online button.riot-online-primary{color:#13202d;background:#ffc55e;border-color:#ffc55e;justify-content:center;align-items:center;gap:9px;min-height:48px;font-weight:800;display:flex}.riot-online-private .riot-online-primary{width:100%;margin-top:19px}.riot-online-join{margin:24px 0}.riot-online-join>label{margin-bottom:10px;font-size:15px;font-weight:700;display:block}.riot-online-join>div{gap:9px;display:flex}.riot-online-join input{letter-spacing:.14em;min-width:0;max-width:215px;font-size:21px;font-weight:800}.riot-online-join button{flex:none}.riot-online-join small{color:#aabccc;margin-top:9px;font-size:12px;display:block}.riot-online button.riot-online-quick{text-align:left;align-items:center;gap:12px;width:100%;padding:13px 15px;display:flex}.riot-online-quick small{color:#aabccc;margin-top:4px;font-size:12px;display:block}.riot-online-error,.riot-online-connection{color:#fff2dc;background:#583a33;border-left:4px solid #ff9b76;margin:0 0 20px;padding:12px 15px;font-size:14px;line-height:1.4}.riot-online-connection{background:#354555;border-left-color:#ffc55e;align-items:center;gap:12px;display:flex}.riot-online-connection>span{flex:1}.riot-online-invite{border-left:5px solid #ffc55e;margin:0 0 24px;padding:8px 0 8px 20px}.riot-online-invite>span{color:#b4c4d3;font-size:13px;display:block}.riot-online-invite>strong{font:900 clamp(26px, 3vw, 40px) var(--font-riot), sans-serif;letter-spacing:.09em;margin:8px 0 12px;display:block}.riot-online-invite button{align-items:center;gap:8px;display:flex}.riot-online-invite input{margin-top:10px;font-size:12px}.riot-online button.riot-online-leave{color:#b4c4d3;background:0 0;border-color:#0000;margin-top:16px;padding-left:0;text-decoration:underline}.riot-online-grid{border-top:3px solid #fff2dc;margin:0;padding:0;list-style:none}.riot-online-grid li{border-bottom:1px solid #ffffff24;border-left:3px solid var(--seat-colour);align-items:center;gap:14px;min-height:62px;padding:9px 10px;display:flex}.riot-online-grid li:nth-child(2n){padding-left:28px}.riot-online-grid li[data-local=true]{background:#ffc55e12}.riot-online-grid li[data-bot=true]{color:#aabccc}.riot-grid-number{font:900 25px var(--font-riot), sans-serif;color:var(--seat-colour);flex:none;width:31px}.riot-grid-driver{flex:1;min-width:0}.riot-grid-driver strong{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:7px;font-size:15px;display:flex}.riot-grid-driver em{color:#13202d;background:#ffc55e;border-radius:3px;padding:3px 5px;font:700 10px Arial,sans-serif}.riot-grid-driver span{color:#aabccc;margin-top:4px;font-size:11px;display:block}.riot-grid-status{color:#b4c4d3;flex:none;align-items:center;gap:4px;font-size:11px;display:flex}.riot-grid-status svg{color:#75d5b2}.riot-online-start{flex-wrap:wrap;align-items:center;gap:10px;padding-top:19px;display:flex}.riot-online-start>button{flex:1}.riot-online-start>output{color:#b4c4d3;flex-basis:100%;margin:2px 0;font-size:12px}.riot-online button.riot-online-ready{justify-content:center;align-items:center;gap:6px;min-height:48px;font-weight:700;display:flex}.riot-online button.riot-online-ready.is-ready{color:#9ee7cb;border-color:#75d5b2}@media (max-width:760px){.riot-online{padding:17px;inset:62px 12px 12px}.riot-online-layout,.riot-online-layout.is-room{grid-template-columns:1fr;gap:23px}.riot-online-heading{margin:21px 0}.riot-online-layout.is-room .riot-online-room-info{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px;display:grid}.riot-online-room-info .riot-online-invite{align-self:start;margin:0;padding-left:12px}.riot-online-room-info .riot-online-note{grid-column:1/-1;margin:0}.riot-online-room-info .riot-online-leave{grid-column:1/-1;justify-self:start;margin:0}.riot-online-nav{gap:11px}.riot-online-nav>span:first-of-type{font-size:21px}.riot-online-network{font-size:11px}.riot-online-private{padding-top:0}.riot-online-grid li{min-height:58px}.riot-online-grid li:nth-child(2n){padding-left:20px}.riot-online-connection{flex-wrap:wrap}.riot-online-connection button{margin-left:30px}}@media (max-width:420px){.riot-online-network svg{display:none}.riot-online{padding:14px}.riot-online-layout.is-room .riot-online-room-info{grid-template-columns:1fr}.riot-online-invite{grid-template-columns:1fr auto;align-items:center;display:grid}.riot-online-invite>span{grid-column:1/-1}.riot-online-invite>strong{margin-bottom:0;font-size:33px}.riot-online-invite>input{grid-column:1/-1}.riot-online-grid li{gap:8px;padding-right:4px}.riot-grid-status{max-width:75px;font-size:10px}.riot-grid-driver strong{font-size:14px}.riot-online-start>button{font-size:13px}.riot-online-drivers{gap:5px}.riot-online-drivers button{font-size:12px}}@media (max-height:560px) and (min-width:700px){.riot-online{padding:12px 20px;inset:51px 15px 10px}.riot-online-nav>span:first-of-type{font-size:20px}.riot-online-heading{margin:12px 0}.riot-online-heading h1{font-size:32px}.riot-online-heading p{margin:5px 0;font-size:12px}.riot-online-layout{gap:25px}.riot-online-grid li{min-height:43px;padding-top:4px;padding-bottom:4px}.riot-grid-number{font-size:21px}.riot-online-start{padding-top:10px}.riot-online-drivers{margin:13px 0}.riot-online-invite{margin-bottom:14px}}