*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0f172a;color:#e2e8f0}.topbar{padding:12px 20px;border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between}.brand{color:#e2e8f0;text-decoration:none;font-weight:600}.music-player{display:flex;align-items:center;gap:4px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid #334155;background:#1e293b}.music-btn{padding:4px 8px;border-radius:999px;border:none;background:transparent;color:#e2e8f0;cursor:pointer;font-size:.9rem;line-height:1}.music-btn:hover{background:#334155}.music-btn-play{font-size:1rem}.music-track-name{font-size:.75rem;color:#94a3b8;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page{padding:24px;display:flex;flex-direction:column;gap:16px;align-items:center}.home .mode-cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.mode-card{display:block;width:260px;padding:20px;border-radius:12px;background:#1e293b;color:#e2e8f0;text-decoration:none;border:1px solid #334155}.mode-card:hover{border-color:#60a5fa}.preview{display:flex;flex-direction:column;align-items:center;gap:4px}.preview-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.preview img{width:220px;border-radius:8px;border:1px solid #334155;object-fit:fill}.photo-uploader{display:flex;flex-direction:column;align-items:center;gap:6px}.photo-uploader-preview{width:96px;height:96px;object-fit:cover;border-radius:8px;border:2px solid #334155}.photo-uploader-hint{font-size:.7rem;color:#94a3b8;text-align:center;max-width:240px}.photo-uploader-error{font-size:.75rem;color:#f87171;text-align:center;max-width:240px}.piece-level-picker{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.piece-level-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:8px;border:2px solid #334155;background:#1e293b;cursor:pointer}.piece-level-item.selected{border-color:#60a5fa}.piece-level-item:disabled{cursor:default;opacity:.6}.piece-level-count{font-size:.7rem;color:#94a3b8}.game-layout{display:flex;gap:16px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.chat-panel{width:260px;display:flex;flex-direction:column;border:1px solid #334155;border-radius:10px;background:#1e293b;overflow:hidden;max-height:500px}.chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px;min-height:200px}.chat-empty{color:#64748b;font-size:.85rem;text-align:center;margin-top:20px}.chat-message{font-size:.85rem;line-height:1.3}.chat-message .chat-author{font-weight:600;color:#93c5fd;margin-right:6px}.chat-message.mine .chat-author{color:#86efac}.chat-input-row{display:flex;border-top:1px solid #334155}.chat-input-row input{flex:1;padding:8px 10px;border:none;background:#0f172a;color:#e2e8f0}.chat-input-row button{border-radius:0}.hud{display:flex;flex-direction:column;align-items:center;gap:8px}.timer{font-size:1.4rem;font-variant-numeric:tabular-nums}.banner{padding:6px 14px;border-radius:8px;background:#1e293b;display:flex;align-items:center;gap:10px}.banner.success{background:#14532d;color:#bbf7d0}.completion-banner{flex-direction:column;gap:10px;padding:16px 20px}.contributions{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.9rem}.contribution-winner{font-weight:600;margin-top:2px}.restart-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px}.lobby{gap:12px}.lobby input{padding:8px 10px;border-radius:6px;border:1px solid #334155;background:#0f172a;color:#e2e8f0}.lobby-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.join-row{display:flex;gap:8px}button{padding:8px 16px;border-radius:6px;border:none;background:#2563eb;color:#fff;cursor:pointer;font-weight:600}button:hover{background:#1d4ed8}