#ludoOnline{box-sizing:border-box;width:min(450px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid #dbb867;border-radius:24px;color:#fff6e6;background:radial-gradient(ellipse at 10% 0,#393052,#171222 75%);box-shadow:inset 0 1px #fff3ce38,0 22px 80px #03000bb0;font:800 14px/1.45 Nunito,system-ui;text-align:left}
#ludoOnline *{box-sizing:border-box}#ludoOnline::backdrop{background:#080411c7;backdrop-filter:blur(5px)}.lo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;height:auto}.lo-head>span{font-size:10px;letter-spacing:1.8px;color:#ffe195}.lo-head button{background:#ffffff12;border:1px solid #ffffff20;border-radius:12px;width:40px;height:40px;font-size:24px;color:#fff;cursor:pointer}#ludoOnline h2{font:800 29px/1.15 'Baloo 2',Nunito;margin:12px 0}.lo-lead{font:800 14px/1.55 Nunito;color:#e0d8ee;margin:12px 0 18px}.lo-label{display:flex;flex-direction:column;gap:7px;font:900 12px/1.4 Nunito}.lo-label input,.lo-label select{display:block;width:100%;min-width:0;min-height:46px;border:1px solid #847393;background:#110d1c;color:#fff7e8;border-radius:11px;padding:10px 12px;font:800 15px Nunito}.lo-label select{font-size:12px}.lo-options{border:1px solid #ffffff2b;border-radius:12px;padding:11px 12px;margin:16px 0;color:#e8dcf6;font-size:12px}.lo-options summary{cursor:pointer;min-height:32px}.lo-options summary small{display:block;margin:4px 0 0 15px;font-size:11px;color:#c5b8d5}.lo-options[open] .lo-label{margin-top:13px}.lo-options p{font-size:11px;color:#c5b8d5;margin:10px 0 0}
.lo-primary,.lo-secondary,.lo-link{min-height:46px;border-radius:12px;padding:10px 15px;font:1000 14px Nunito;cursor:pointer;touch-action:manipulation}.lo-primary{color:#382813;background:linear-gradient(#ffeaa7,#f6bf42);border:1px solid #ffe7a0;box-shadow:0 3px #946326}.lo-secondary{color:#fff5e1;background:linear-gradient(#433651,#2a2235);border:1px solid #9d87ae}.lo-link{color:#ddd0ed;border:0;background:none;font-size:12px;text-decoration:underline;text-underline-offset:3px}.lo-danger{color:#ffc4c9}.lo-secondary.lo-danger{border-color:#be6579;background:#5a293b}.lo-full{width:100%;margin-top:12px}.lo-primary:disabled,.lo-secondary:disabled{opacity:.5;cursor:default}.lo-hint{font:800 11px/1.5 Nunito;color:#cdbedb;text-align:center;margin:13px 0 0}.lo-divider{font:900 12px Nunito;color:#e2cc9c;margin:22px 0 12px;text-align:center}.lo-join{display:flex;align-items:flex-end;gap:9px}.lo-join label{flex:1;min-width:0}#coCode{text-transform:uppercase;letter-spacing:2px}#coMessage{font:800 12px/1.5 Nunito;color:#ffe2a7;margin:12px 0 0}.lo-code{text-align:center;border:1px solid #bf995e77;background:#100c18a1;border-radius:15px;padding:17px 8px;margin:18px 0}.lo-code small,.lo-code strong,.lo-code span{display:block}.lo-code small{font-size:9px;letter-spacing:2px;color:#d2bb87}.lo-code strong{font:1000 28px/1.3 Nunito;letter-spacing:3px;color:#ffe4a0;margin:7px 0}.lo-code span{font-size:11px;color:#d4c6e1}.lo-invite{display:flex;gap:9px}.lo-invite button{flex:1}.lo-players{list-style:none;padding:0;margin:20px 0 12px;display:grid;gap:10px}.lo-players li{display:flex;align-items:center;gap:12px;border:1px solid #f7dfb22b;background:#fff9e608;border-radius:13px;padding:12px}.lo-avatar{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d6b573;border-radius:12px;color:#ffe5ab;background:linear-gradient(#66516c,#2f263c);font-size:18px;flex:none}.lo-players li>span:nth-child(2){flex:1;min-width:0}.lo-players b,.lo-players small{display:block;overflow-wrap:anywhere}.lo-players b{font-size:14px}.lo-players small{font-size:11px;color:#c2b5d1;margin-top:3px}.lo-players i{font-style:normal;color:#8ee1a8}.lo-wait{text-align:center;font-size:13px;background:#ffffff09;border-radius:12px;padding:14px;color:#e4d5f2}.lo-result-icon{font:800 72px/1 'Baloo 2',Nunito;color:#ffe3a2;text-align:center;margin:18px 0 12px;text-shadow:0 5px #653d24}.lo-result-line{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#daccdf}.lo-result-line strong{font-size:24px;color:#ffe3a2}.lo-export{font-size:11px;color:#c7b7d6;text-align:center;margin-top:18px}.lo-export summary{cursor:pointer;padding:8px}
.lo-home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:50px;margin:0 0 9px;padding:8px 15px;border:1px solid #ffeda8;border-radius:14px;background:linear-gradient(#fff1b9,#f7ca59);box-shadow:0 3px #886022;color:#253a4c}.lo-home b{font:1000 19px Nunito}.lo-home small{font:800 10px Nunito;color:#4a4c44}.cover .lo-home{display:none}
#ludoOnline{color:#fff4d5;background:radial-gradient(ellipse at 10% 0,#274c68,#08172c 75%)}#ludoOnline .lo-secondary{background:linear-gradient(#284761,#122b43);border-color:#8da9bd}#ludoOnline .lo-head{position:static;width:auto;min-height:40px;padding:0;box-shadow:none;background:none;border:0}#ludoOnline .lo-head>span{border:0;padding:0;background:none;color:#ffe29b;font-size:10px}#ludoOnline .lo-head button{flex:none}#ludoOnline .lo-label input{color:#fff3d3;background:#07182c;border-color:#6e94a6}#ludoOnline h2{overflow-wrap:anywhere}#ludoOnline p{overflow-wrap:anywhere}
.lo-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;padding:0;margin:18px 0}.lo-colors legend{font-size:12px;margin-bottom:8px}.lo-colors button{min-height:46px;padding:9px;border:2px solid transparent;border-radius:12px;color:white;background:#c72c46}.lo-colors button[data-color="1"]{background:#068956}.lo-colors button[data-color="2"]{background:#096bb4}.lo-colors button[data-color="3"]{background:#e4ae27;color:#30270c}.lo-colors button[aria-pressed=true]{border-color:#fff3bf;box-shadow:0 0 0 2px #f7cf59}.lo-colors button:disabled{opacity:.38}.lo-trophy{font-size:66px;text-align:center;color:#ffdb76}.lo-motion{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;font-size:13px;font-weight:900}.lo-motion input{width:20px;height:20px}
.controls #onlineJoin{grid-column:1;grid-row:1/4;width:160px;min-height:72px;white-space:normal;font-size:15px;background:linear-gradient(#fff1b1,#edb92f);color:#233d51;border:1px solid #fff3bf;box-shadow:0 4px #98691f}.online-empty{opacity:.38}.online-left{opacity:.5}.match[data-layout=stack] #onlineJoin{grid-column:2;grid-row:1/3;width:110px;min-height:56px;font-size:12px;padding:6px}.match[data-layout=stack] #players[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.match[data-layout=stack] #players[data-count="3"] .seat-avatar{display:none}.match[data-layout=stack] #players[data-count="3"] .player{text-align:center;display:block}.match[data-layout=stack] #players[data-count="3"] .seat-pawns{justify-content:center}
@media(max-height:740px){#home .hero{width:105px;height:105px;margin:5px 0 12px}.lo-home{min-height:43px;padding:5px 12px;margin-bottom:7px}.lo-home b{font-size:17px}#home .tagline{margin:6px 0}#home .setup{gap:7px}}
@media(max-height:590px){#home .hero{display:none}.lo-home{min-height:39px;padding:4px 10px}.lo-home small{font-size:9px}#home .eyebrow{margin-bottom:4px}#home h1 small{margin-top:8px}#home .welcome{padding-top:2px;padding-bottom:8px}#home #homeNote{font-size:10px;margin:7px 0}}
@media(max-width:420px){#ludoOnline{padding:18px}.lo-colors{gap:7px}.lo-colors button{font-size:12px}}