@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg: #0b0b0b;--panel: #121212;--accent: #00d4ff;--text: #f5f5f5}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,Inter,system-ui,Arial,sans-serif}.ui{position:absolute;left:12px;top:12px;z-index:20}.chat-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.chat-toggle{position:relative;width:40px;height:40px;border-radius:50%;background:#0a0a0eb8;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,transform .12s,border-color .15s;box-shadow:0 2px 12px #0006;flex-shrink:0}.chat-toggle:hover{background:#14141ce0;border-color:#ffffff38;transform:scale(1.06)}.chat-toggle:active{transform:scale(.95)}.chat-badge{position:absolute;top:-3px;right:-3px;width:16px;height:16px;background:#ff4f4f;border-radius:50%;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1}.chat-panel{width:300px;max-width:44vw;background:#08080cd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #00000080;transform-origin:top left;transform:scaleY(0);opacity:0;pointer-events:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .18s ease}.chat-panel--open{transform:scaleY(1);opacity:1;pointer-events:auto}.chat-header{padding:10px 14px 6px;border-bottom:1px solid rgba(255,255,255,.07)}.chat-title{font-family:Inter,DM Sans,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff6}.chat-messages{height:160px;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px;font-family:DM Sans,system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.chat-message{font-size:13px;line-height:1.45;color:#ffffffbf;word-break:break-word}.chat-sender{font-weight:700;color:#4ecdc4;margin-right:5px;font-family:Inter,sans-serif}.chat-text{color:#ffffffd1}.chat-input-row{display:flex;gap:0;border-top:1px solid rgba(255,255,255,.07);padding:8px 10px;gap:6px}.chat-input{flex:1;padding:8px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;border-radius:8px;outline:none;font-size:13px;font-family:DM Sans,system-ui,sans-serif;transition:border-color .15s,background .15s}.chat-input:focus{border-color:#4ecdc480;background:#ffffff17}.chat-input::placeholder{color:#ffffff47}.chat-send{padding:8px 14px;background:#4ecdc42e;border:1px solid rgba(78,205,196,.3);color:#4ecdc4;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;font-family:Inter,DM Sans,sans-serif;transition:background .15s,border-color .15s;white-space:nowrap}.chat-send:hover{background:#4ecdc447;border-color:#4ecdc480}.quickjoin{display:flex;gap:8px;align-items:center}.scoreboard{position:absolute;right:12px;top:12px;background:#121212d9;padding:8px;border-radius:8px;z-index:20;min-width:240px}.btn{background:var(--accent);color:#000;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.landing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;align-items:center;justify-content:center;z-index:9999}.landing-overlay:before,.landing-overlay:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}.landing-overlay:before{width:520px;height:520px;background:radial-gradient(circle,#7c3aed,transparent 70%);top:-100px;right:-80px;animation:blob-drift 8s ease-in-out infinite alternate}.landing-overlay:after{width:400px;height:400px;background:radial-gradient(circle,#0ea5e9,transparent 70%);bottom:-80px;left:-60px;animation:blob-drift 11s ease-in-out infinite alternate-reverse}@keyframes blob-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.08)}}.landing-box{position:relative;background:#fffffff7;border-radius:20px;padding:44px 52px 40px;min-width:360px;max-width:90vw;display:flex;flex-direction:column;align-items:center;gap:22px;box-shadow:0 12px 60px #00000073,0 2px 8px #0000002e}.landing-title{margin:0;font-size:2.6rem;font-weight:900;color:#000;letter-spacing:-1px;font-family:Inter,DM Sans,system-ui,sans-serif}.landing-field{width:100%;display:flex;flex-direction:column;gap:6px}.landing-label{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px;font-family:Inter,sans-serif}.landing-input{width:100%;box-sizing:border-box;padding:11px 16px;font-size:15px;border:2px solid #e0e0e0;border-radius:10px;outline:none;color:#111;transition:border-color .15s,box-shadow .15s;font-family:DM Sans,system-ui,sans-serif;background:#fafafa}.landing-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.landing-player-count{font-size:13px;font-family:Inter,sans-serif}.landing-count-ok{color:#16a34a;font-weight:600}.landing-count-wait{color:#888}.landing-count-warn{color:#f59e0b;font-weight:600}.landing-btn{width:100%;padding:15px 0;background:linear-gradient(135deg,#7c3aed,#0ea5e9);color:#fff;font-size:16px;font-weight:800;border:none;border-radius:12px;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,filter .15s;font-family:Inter,DM Sans,sans-serif;letter-spacing:.2px;box-shadow:0 4px 20px #7c3aed59}.landing-btn:hover:not(.landing-btn--disabled){transform:scale(1.055) translateY(-2px);box-shadow:0 10px 32px #7c3aed73;filter:brightness(1.08)}.landing-btn:active:not(.landing-btn--disabled){transform:scale(.98) translateY(0);box-shadow:0 3px 12px #7c3aed4d}.landing-btn--disabled{background:linear-gradient(135deg,#ccc,#bbb);color:#888;cursor:not-allowed;box-shadow:none}