:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container.svelte-3z0wmw{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px}.logo.svelte-3z0wmw{text-align:center;margin-bottom:50px}h1.svelte-3z0wmw{font-size:4em;margin:0;background:linear-gradient(to bottom,gold,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:5px}.login-box.svelte-3z0wmw{width:100%;display:flex;flex-direction:column;gap:15px}input.svelte-3z0wmw{padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:1.1em;text-align:center;outline:none;transition:border-color .2s}input.svelte-3z0wmw:focus{border-color:gold}button.svelte-3z0wmw{padding:15px;background:linear-gradient(45deg,#d32f2f,#b71c1c);color:#fff;border:none;border-radius:10px;font-size:1.2em;font-weight:700;cursor:pointer;transition:transform .1s;box-shadow:0 4px 15px #d32f2f4d}button.svelte-3z0wmw:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d32f2f80}button.svelte-3z0wmw:active{transform:translateY(0)}.footer.svelte-3z0wmw{margin-top:50px;color:#444;font-size:.9em}.error-message.svelte-3z0wmw{background:#f4433633;border:1px solid rgba(244,67,54,.5);color:#f44336;padding:12px 20px;border-radius:8px;margin-top:20px;text-align:center;font-size:.95em}.lobby-container.svelte-mm804r{width:100%;max-width:900px;margin:0 auto}.header.svelte-mm804r{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}h2.svelte-mm804r{margin:0;color:gold}.user-info.svelte-mm804r{display:flex;align-items:center;gap:10px}.avatar.svelte-mm804r{width:32px;height:32px;background:gold;color:#000;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.actions.svelte-mm804r{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card.svelte-mm804r{background:#ffffff0d;padding:25px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}h3.svelte-mm804r{margin-top:0;color:#fff;font-size:1.1em}.room-list.svelte-mm804r{max-height:300px;overflow-y:auto}.room-item.svelte-mm804r{width:100%;background:#0000004d;padding:12px;margin-bottom:8px;border-radius:8px;border:none;color:#fff;cursor:pointer;transition:background .2s;text-align:left}.room-item.svelte-mm804r:hover{background:#ffd7001a}.room-name.svelte-mm804r{font-weight:700;margin-bottom:5px}.room-info.svelte-mm804r{display:flex;justify-content:space-between;font-size:.85em;color:#888}.room-id.svelte-mm804r{font-family:monospace;color:gold}.empty.svelte-mm804r{color:#666;text-align:center;padding:20px}.create-btn.svelte-mm804r{width:100%;padding:40px;background:#ffd7001a;border:2px dashed #ffd700;color:gold;font-size:1.2em;border-radius:10px;cursor:pointer}.form.svelte-mm804r{display:flex;flex-direction:column;gap:10px}input[type=text].svelte-mm804r,input[type=password].svelte-mm804r,input[type=number].svelte-mm804r{padding:10px;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;outline:none}input.svelte-mm804r:focus{border-color:gold}label.svelte-mm804r{display:flex;align-items:center;gap:8px;color:#ccc}button.svelte-mm804r{padding:12px;background:gold;color:#000;border:none;border-radius:8px;font-weight:700;cursor:pointer}button.svelte-mm804r:hover{background:#ffc107}button.secondary.svelte-mm804r{background:#444;color:#fff}.btn-group.svelte-mm804r{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast.svelte-mm804r{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#d32f2f;color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 12px #00000080;z-index:1000}@media(max-width:768px){.actions.svelte-mm804r{grid-template-columns:1fr}}.game-container.svelte-1kb9ux{display:flex;flex-direction:column;min-height:80vh;background:#ffffff0d;border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000005e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18)}.header.svelte-1kb9ux{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.room-info.svelte-1kb9ux{display:flex;align-items:center;gap:10px;font-size:.9em;color:#888}.copy-btn.svelte-1kb9ux{background:#ffffff1a;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:1.2em}.copy-btn.svelte-1kb9ux:hover{background:#ffd70033}.exit-room-btn.svelte-1kb9ux{background:#f4433633;border:1px solid rgba(244,67,54,.5);padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9em;color:#f44336;transition:all .2s}.exit-room-btn.svelte-1kb9ux:hover{background:#f4433666;transform:translateY(-1px)}.role-badge.svelte-1kb9ux{padding:5px 15px;border-radius:20px;font-weight:700;text-transform:uppercase;font-size:.9em}.role-badge.Emperor.svelte-1kb9ux{background:linear-gradient(45deg,gold,orange);color:#000}.role-badge.Slave.svelte-1kb9ux{background:linear-gradient(45deg,#555,#333);color:#fff;border:1px solid #777}.ready-screen.svelte-1kb9ux{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.ready-screen.svelte-1kb9ux h2:where(.svelte-1kb9ux){color:gold;margin-bottom:40px;font-size:1.8em}.player-slots.svelte-1kb9ux{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px;max-width:600px}.player-slot.svelte-1kb9ux{background:#0006;border:3px solid #444;border-radius:15px;padding:20px;min-height:250px;display:flex;flex-direction:column;align-items:center;transition:all .3s}.player-slot.filled.svelte-1kb9ux{border-color:#666;background:#0000004d}.player-slot.ready.svelte-1kb9ux{border-color:#4caf50;background:#4caf501a;box-shadow:0 0 20px #4caf504d}.slot-header.svelte-1kb9ux{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:.9em;color:#888}.role-icon.svelte-1kb9ux{font-size:1.5em}.player-avatar.svelte-1kb9ux{width:80px;height:80px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2.5em;font-weight:700;color:#000;margin-bottom:15px}.player-name.svelte-1kb9ux{font-size:1.2em;font-weight:700;margin-bottom:15px;text-align:center}.you-tag.svelte-1kb9ux{color:gold;font-size:.8em;margin-left:5px}.ready-indicator.svelte-1kb9ux{padding:8px 20px;border-radius:20px;background:#ffffff1a;color:#888;font-size:.9em}.ready-indicator.ready.svelte-1kb9ux{background:#4caf5033;color:#4caf50}.ready-indicator.svelte-1kb9ux .icon:where(.svelte-1kb9ux){font-size:1.2em;margin-right:5px}.empty-slot.svelte-1kb9ux{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#555}.empty-icon.svelte-1kb9ux{width:80px;height:80px;border:3px dashed #444;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:3em;margin-bottom:15px;color:#444}.empty-text.svelte-1kb9ux{font-size:.9em}.timeout-warning.svelte-1kb9ux{background:#ff980033;border:1px solid rgba(255,152,0,.5);padding:15px;border-radius:10px;margin:20px 0;text-align:center;color:#ff9800}.action-buttons.svelte-1kb9ux{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ready-btn.svelte-1kb9ux{padding:15px 50px;background:gold;color:#000;border:none;border-radius:10px;font-size:1.2em;font-weight:700;cursor:pointer;transition:all .2s}.ready-btn.svelte-1kb9ux:hover{transform:scale(1.05)}.ready-btn.ready.svelte-1kb9ux{background:linear-gradient(45deg,#4caf50,#388e3c)}.kick-btn.svelte-1kb9ux{padding:15px 30px;background:linear-gradient(45deg,#f44336,#d32f2f);color:#fff;border:none;border-radius:10px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #f443364d}.kick-btn.svelte-1kb9ux:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433680}.opponent-area.svelte-1kb9ux{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.avatar.svelte-1kb9ux{width:50px;height:50px;background:#444;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2em;margin-bottom:5px}.play-area.svelte-1kb9ux{flex:1;display:flex;justify-content:center;font-weight:700}.result-overlay.svelte-1kb9ux{position:absolute;inset:0;background:#000000e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;border-radius:10px}.result-overlay.svelte-1kb9ux h2:where(.svelte-1kb9ux){color:gold;font-size:2em;margin-bottom:20px}.result-overlay.svelte-1kb9ux button:where(.svelte-1kb9ux){padding:10px 30px;background:#d32f2f;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.1em}.btn-group.svelte-1kb9ux{display:flex;gap:20px;margin-top:20px}.continue-btn.svelte-1kb9ux,.exit-btn.svelte-1kb9ux{padding:10px 30px;border:none;border-radius:5px;cursor:pointer;font-size:1.1em;font-weight:700;transition:transform .2s}.continue-btn.svelte-1kb9ux{background:#4caf50;color:#fff}.exit-btn.svelte-1kb9ux{background:#d32f2f;color:#fff}.continue-btn.svelte-1kb9ux:hover,.exit-btn.svelte-1kb9ux:hover{transform:scale(1.05)}.hand-area.svelte-1kb9ux{margin-top:auto;padding-top:20px}.hand.svelte-1kb9ux{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.card.svelte-1kb9ux{width:80px;height:120px;border:none;border-radius:8px;background:#333;color:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 6px #0000004d}.card.svelte-1kb9ux:hover:not(:disabled){transform:translateY(-15px) scale(1.05);z-index:1;box-shadow:0 10px 20px #00000080}.card.svelte-1kb9ux:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.card.Emperor.svelte-1kb9ux{background:linear-gradient(135deg,gold,#b8860b);color:#000}.card.Citizen.svelte-1kb9ux{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#333}.card.Slave.svelte-1kb9ux{background:linear-gradient(135deg,#5d4037,#3e2723);color:#fff;border:1px solid #8d6e63}.card-text.svelte-1kb9ux{font-size:1.2em;font-weight:700;margin-bottom:5px}.card-icon.svelte-1kb9ux{font-size:1.5em}.toast.svelte-1kb9ux{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#1976d2;color:#fff;padding:15px 30px;border-radius:8px;box-shadow:0 4px 12px #00000080;z-index:1000}@media(max-width:600px){.card.svelte-1kb9ux{width:60px;height:90px}.card-text.svelte-1kb9ux{font-size:1em}.card-icon.svelte-1kb9ux{font-size:1.2em}.hand.svelte-1kb9ux{gap:5px}.player-slots.svelte-1kb9ux{grid-template-columns:1fr;gap:15px}.player-slot.svelte-1kb9ux{min-height:200px}}body{margin:0;font-family:Inter,sans-serif;background-color:#121212;color:#e0e0e0;overflow-x:hidden}main.svelte-1n46o8q{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1e1e1e,#000)}.app-container.svelte-1n46o8q{width:100%;max-width:1200px;padding:20px;box-sizing:border-box}@media(max-width:768px){.app-container.svelte-1n46o8q{padding:10px}}