*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#14161c;color:#e8e8ec;font-family:system-ui,sans-serif}#app{width:min(420px,90vw)}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden}h1{text-align:center;font-size:1.6rem;margin-bottom:1.5rem}.card{background:#1e212b;border:1px solid #2c303c;border-radius:12px;padding:1.5rem}input{width:100%;padding:.6rem .8rem;margin-bottom:.8rem;border-radius:8px;border:1px solid #383d4a;background:#14161c;color:#e8e8ec;font-size:1rem}button{width:100%;padding:.6rem;border-radius:8px;border:none;background:#5865f2;color:#fff;font-size:1rem;cursor:pointer}button:hover{background:#4752c4}.msg{margin-top:.8rem;font-size:.9rem;color:#9aa0ac;text-align:center}.err{color:#f36b6b}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.tile{background:#1e212b;border:1px solid #2c303c;border-radius:12px;padding:1.5rem 1rem;text-align:center;cursor:pointer}.tile:hover{border-color:#5865f2}.tile .icon{font-size:2rem}.character-grid{display:flex;gap:.5rem;margin-bottom:.8rem;flex-wrap:wrap}.character-option{width:90px;height:90px;border-radius:8px;cursor:pointer;border:2px solid transparent;background:#2a2d38;overflow:hidden}.character-option img{width:100%;height:100%;object-fit:contain;display:block}.character-option.selected{border-color:#fff}.character-option.taken{opacity:.25;cursor:not-allowed}.variant-grid{padding-top:.6rem;margin-top:-.2rem;border-top:1px solid #2c303c}h1{margin-bottom:1.25rem}.lobby-code{text-align:center;color:#9aa0ac;margin-top:-1rem;margin-bottom:1.25rem;letter-spacing:.05em}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#7a7f8c;margin:1.4rem 0 .6rem}.section-label:first-child{margin-top:0}.player-list{display:flex;flex-direction:column;gap:.5rem;background:#14161c;border:1px solid #2c303c;border-radius:10px;padding:.6rem .8rem}.player-row{display:flex;align-items:center;gap:.6rem;padding:.35rem 0}.player-avatar{width:53px;height:53px;min-width:53px;object-fit:contain}.player-name{font-weight:600}.player-host-tag{font-size:.7rem;color:#9aa0ac;border:1px solid #383d4a;border-radius:4px;padding:.05rem .35rem}.player-status{margin-left:auto;font-size:.85rem;color:#9aa0ac}.player-status.ready{color:#6fd17a}.player-status.offline{color:#f36b6b}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-row input{width:90px;margin-bottom:0}.button-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1.4rem}.button-row button{width:auto;flex:0 0 auto;padding:.6rem 1.4rem}.btn-secondary{background:transparent;border:1px solid #383d4a;color:#cfd2d9}.btn-secondary:hover{background:#262a35}#start-btn{width:100%;margin-bottom:.8rem}#start-btn:disabled{background:#383d4a;cursor:not-allowed}#ready-btn.ready{background:#2f8f45}#ready-btn.ready:hover{background:#297a3b}