:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0}#root{min-height:100vh}.page{box-sizing:border-box;background:#eef0f2;place-items:center;min-height:100vh;padding:20px;display:grid}.phoneShell{width:min(100%,360px)}.screen{box-sizing:border-box;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;min-height:560px;padding:18px 14px;display:flex}.screen-dark{color:#edf2ff;background:#05152a}.screen-teal{color:#0c3340;background:#2ec8be}.center{text-align:center;justify-content:center;align-items:center}.prompt{color:#edf2ffcc;margin-top:140px;margin-bottom:10px;font-size:14px}.inputRow{background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;padding:12px}.hint{color:#edf2ffa6;margin-top:12px;font-size:12px}.findingTitle,.lobbyTitle{margin:0;font-size:26px;font-weight:500}label{color:#edf2ffcc;flex-direction:column;gap:6px;font-size:12px;display:flex}input,select,button{box-sizing:border-box;border:1px solid #ffffff24;border-radius:4px;height:34px;padding:0 10px;font-size:13px}input,select{color:#edf2ff;background:#0000003d}button{color:#edf2ff;cursor:pointer;background:#ffffff14}button:disabled{opacity:.5;cursor:not-allowed}button.primary{color:#073844;background:#2fd2b7;border-color:#5fe7d4;font-weight:600}.ghostBtn{background:0 0;border:1px solid #edf2ff80;align-self:center;min-width:96px;height:26px;margin-top:14px;font-size:11px}.tealBtn{color:#0d4550;border-color:#0d455066}.row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.roomsWrap{margin-top:16px}.rooms{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.rooms li{background:#ffffff0a;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;padding:9px;display:flex}.roomId{font-weight:600}.muted{color:#edf2ffa8;font-size:12px}.duo{text-align:center;justify-content:space-between;margin-top:4px;display:flex}.duoName{font-size:14px;font-weight:600}.duoSub{opacity:.85;font-size:12px}.turnText{text-align:center;color:#0c334059;margin-top:8px;font-size:32px;font-weight:700;line-height:1}.board{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.cell{color:#0d4550;background:0 0;border:2px solid #0c334066;border-top:none;border-left:none;border-radius:0;height:100px;font-size:62px;font-weight:500;line-height:1}.cell:nth-child(3n){border-right:none}.cell:nth-child(n+7){border-bottom:none}.cell.cell-disabled{opacity:1}.cell.win{background:#ffffff2e}.winnerScreen{align-items:center}.winnerMark{margin-top:20px;font-size:86px;line-height:1}.winnerText{color:#2fd2b7;margin-top:6px;font-size:30px;font-weight:800}.leaderTitle{color:#2fd2b7;margin-top:24px;font-size:20px}.leaderHead,.leaderRow{justify-content:space-between;width:100%;margin-top:8px;font-size:14px;display:flex}@media (width<=420px){.screen{min-height:520px}.findingTitle,.lobbyTitle{font-size:22px}.turnText{font-size:24px}.cell{height:84px;font-size:52px}}