:root{--navy-950: #060f1f;--navy-900: #0b1e33;--navy-800: #142c47;--navy-700: #1e3d5f;--gold: #d4a017;--gold-light: #f0c94a;--green: #2e7d32;--red: #c62828;--text: #eef3fa;--text-dim: #9fb0c4;--radius: 14px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top,var(--navy-800),var(--navy-950));color:var(--text);min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#060f1fb3;border-bottom:1px solid var(--navy-700);position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:1px}.logo-icon{font-size:24px;color:var(--gold)}.logo-text{font-size:18px}.tm{font-size:10px;vertical-align:super;color:var(--gold)}.room-pill{background:var(--navy-800);border:1px solid var(--navy-700);padding:6px 14px;border-radius:20px;font-size:14px;display:flex;align-items:center;gap:10px}.link-btn{background:none;border:none;color:var(--gold);cursor:pointer;font-size:13px;text-decoration:underline;padding:0}.error-banner{background:var(--red);color:#fff;padding:10px 20px;text-align:center;cursor:pointer}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:24px 16px 60px;width:100%}.loading{color:var(--text-dim);margin-top:60px}.home-screen{max-width:960px;width:100%;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-top:40px}@media (max-width: 800px){.home-screen{grid-template-columns:1fr}}.hero h1{font-size:32px;line-height:1.25;margin-bottom:16px}.hero p{color:var(--text-dim);font-size:16px;line-height:1.6}.auth-card,.lobby-screen,.game-finished{background:var(--navy-900);border:1px solid var(--navy-700);border-radius:var(--radius);padding:28px;width:100%}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{flex:1;padding:10px;border-radius:10px;border:1px solid var(--navy-700);background:var(--navy-800);color:var(--text-dim);cursor:pointer;font-weight:600}.tab.active{background:var(--gold);color:var(--navy-950);border-color:var(--gold)}label{display:block;margin-bottom:16px;font-size:14px;color:var(--text-dim)}input{display:block;width:100%;margin-top:6px;padding:10px 12px;border-radius:8px;border:1px solid var(--navy-700);background:var(--navy-950);color:var(--text);font-size:15px}.cta-btn{width:100%;padding:14px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--navy-950);font-weight:700;font-size:15px;cursor:pointer}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-screen{max-width:520px;text-align:center}.room-code-display{font-size:22px;margin:8px 0}.hint{color:var(--text-dim);font-size:14px}.player-list{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:10px}.player-row{display:flex;align-items:center;gap:12px;background:var(--navy-800);padding:10px 14px;border-radius:10px}.player-row.empty{color:var(--text-dim);font-style:italic;justify-content:center}.avatar{width:36px;height:36px;border-radius:50%;background:var(--navy-700);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.badge{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--navy-700);color:var(--gold-light)}.badge.me{background:var(--gold);color:var(--navy-950)}.game-screen{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:20px}.game-topbar{display:flex;justify-content:space-between;background:var(--navy-800);padding:10px 18px;border-radius:10px;font-size:14px;color:var(--text-dim)}.players-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.player-hud{display:flex;align-items:center;gap:12px;background:var(--navy-900);border:1px solid var(--navy-700);border-radius:12px;padding:12px;position:relative}.player-hud.current{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.player-hud.disconnected{opacity:.5}.player-hud-name{font-weight:600;margin-bottom:4px}.player-hud-stats{display:flex;gap:10px;font-size:13px;color:var(--text-dim);flex-wrap:wrap}.turn-indicator{position:absolute;top:-10px;right:10px;background:var(--gold);color:var(--navy-950);font-size:10px;padding:2px 8px;border-radius:8px;font-weight:700}.game-body{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 800px){.game-body{grid-template-columns:1fr}}.hand-zone,.log-zone{background:var(--navy-900);border:1px solid var(--navy-700);border-radius:var(--radius);padding:18px}.hand-cards{display:flex;gap:12px;flex-wrap:wrap}.hand-card{width:150px;min-height:110px;background:var(--navy-800);border:1px solid var(--navy-700);border-radius:10px;padding:12px;color:var(--text);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,border-color .15s ease}.hand-card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--gold)}.hand-card:disabled{opacity:.45;cursor:not-allowed}.hand-card-category{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--gold-light)}.hand-card-title{font-weight:700;font-size:14px;line-height:1.3}.hand-card-difficulty{color:var(--gold);font-size:12px;margin-top:auto}.log-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}.log-entry{font-size:13px;border-bottom:1px solid var(--navy-700);padding-bottom:8px}.log-entry.log-system{color:var(--gold-light);font-weight:600}.log-delta{color:var(--text-dim);margin-left:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030812bf;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-card{background:var(--navy-900);border:1px solid var(--gold);border-radius:var(--radius);padding:28px;max-width:520px;width:100%;max-height:85vh;overflow-y:auto}.modal-category{color:var(--gold-light);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.modal-scenario{color:var(--text-dim);line-height:1.5}.modal-mission{margin:14px 0}.choice-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.choice-btn{text-align:left;padding:12px 14px;border-radius:10px;border:1px solid var(--navy-700);background:var(--navy-800);color:var(--text);cursor:pointer;font-size:14px}.choice-btn:hover{border-color:var(--gold);background:var(--navy-700)}.coach-panel{position:fixed;bottom:20px;right:20px;max-width:340px;background:var(--navy-900);border:1px solid var(--gold);border-radius:var(--radius);padding:16px 18px;box-shadow:0 8px 24px #0006;z-index:120}.coach-header{display:flex;justify-content:space-between;font-weight:700;color:var(--gold-light);margin-bottom:8px}.coach-feedback{font-size:14px;margin:0 0 8px}.coach-learning{font-size:13px;color:var(--text-dim);margin:0 0 6px}.coach-legal{font-size:12px;color:var(--text-dim);font-style:italic;margin:0}@media (max-width: 500px){.coach-panel{left:12px;right:12px;max-width:none;bottom:12px}}.game-finished{max-width:480px;text-align:center}.ranking-list{list-style:none;padding:0;margin:20px 0;text-align:left}.ranking-list li{padding:8px 0;border-bottom:1px solid var(--navy-700)}.rank-pos{color:var(--gold);font-weight:700;margin-right:8px}