:root{--color-primary:#4a6b5d;--color-primary-light:#628777;--color-primary-dark:#375145;--color-accent:#e8d3c3;--color-accent-light:#f3e6dc;--color-bg:#fbfbfa;--color-surface:#fff;--color-surface-hover:#f6f6f5;--color-surface-active:#efefed;--color-sidebar:#fff;--color-canvas-bg:#fff;--color-canvas-outer:#fbfbfa;--color-text-primary:#1a1a19;--color-text-secondary:#5c5c5a;--color-text-muted:#8e8e8b;--color-text-inverse:#fff;--color-success:#4a6b5d;--color-warning:#d98e54;--color-danger:#c85a5a;--color-info:#55788e;--color-border:#efefed;--shadow-sm:0 1px 2px 0 #1a1a1905;--shadow-md:0 4px 12px #1a1a190a;--shadow-lg:0 12px 40px #1a1a190f;--header-height:56px;--sidebar-width:260px;--panel-width:300px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-lg:.9375rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.75rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.12s ease;--transition-base:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;transition:all var(--transition-fast);background:0 0;border:none}button:active{transform:scale(.97)}.app-layout{grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr var(--panel-width);width:100%;height:100%;display:grid}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:500;grid-column:1/-1;align-items:center;gap:16px;padding:0 24px;display:flex;position:relative}.app-sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);grid-area:2/1;padding:20px;overflow-y:auto}.app-canvas{background:var(--color-canvas-outer);grid-area:2/2;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.app-panel{background:var(--color-surface);border-left:1px solid var(--color-border);grid-area:2/3;padding:20px;overflow-y:auto}.header-logo{font-size:var(--font-size-lg);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700}.header-logo span{color:var(--color-primary);font-weight:500}.header-divider{background:var(--color-border);width:1px;height:16px}.header-mission-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.header-world-title{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-surface-hover);border-radius:var(--radius-sm);padding:2px 8px}.header-spacer{flex:1}.header-back-btn{border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:flex}.header-back-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.presence-badge{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:flex}.presence-dot{background:var(--color-primary);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.btn{border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-xs);transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-border)}.btn-danger:hover{background:var(--color-surface-hover);border-color:var(--color-danger)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;transition:all var(--transition-base);padding:24px}.card:hover{border-color:var(--color-text-muted);box-shadow:var(--shadow-md)}.card-title{font-size:var(--font-size-lg);color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:6px;font-weight:600}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.45}.card-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);align-items:center;gap:12px;display:flex}.picker-view{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 24px;display:flex;overflow-y:auto}.picker-header{text-align:center;max-width:500px;margin-bottom:40px}.picker-title{font-size:var(--font-size-3xl);color:var(--color-text-primary);letter-spacing:-.02em;margin-top:12px;font-weight:700}.picker-subtitle{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);font-weight:600}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;max-width:900px;display:grid}.coming-soon-badge{border-radius:var(--radius-sm);background:var(--color-surface-active);color:var(--color-text-muted);font-size:var(--font-size-xs);padding:2px 8px;font-weight:600;display:inline-block}.loading-view{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:200px;display:flex}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes icon-pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite icon-pulse}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-6px)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.animate-bounce{animation:1s infinite bounce}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:.3s ease-out forwards fadeIn}.loading-text{font-size:var(--font-size-xs);color:var(--color-text-muted)}.placeholder-panel{height:100%;color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.placeholder-icon{opacity:.4;font-size:1.5rem}.brick-library{flex-direction:column;gap:8px;display:flex}.brick-library-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px;font-weight:700}.brick-category{border-bottom:1px solid var(--color-border);padding-bottom:8px}.brick-category:last-child{border-bottom:none}.brick-category-header{border-radius:var(--radius-sm);width:100%;font-size:var(--font-size-xs);color:var(--color-text-primary);align-items:center;gap:8px;padding:6px 4px;font-weight:600;display:flex}.brick-category-header:hover{background:var(--color-surface-hover)}.brick-category-icon{font-size:.875rem}.brick-category-label{text-align:left;flex:1}.brick-category-count{color:var(--color-text-muted);background:var(--color-surface-hover);border-radius:var(--radius-sm);padding:1px 4px;font-size:10px}.brick-category-arrow{color:var(--color-text-muted);font-size:9px}.brick-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:6px 0;display:grid}.brick-card{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.brick-card:hover{border-color:var(--color-text-secondary);background:var(--color-surface-hover)}.brick-card.selected{border-color:var(--color-primary);background:var(--color-surface-hover);box-shadow:0 0 0 1px var(--color-primary)}.brick-card-img{object-fit:contain;width:40px;height:40px}.brick-card-label{color:var(--color-text-secondary);text-align:center;font-size:10px;font-weight:500}.world-create-card{border-style:dashed;border-color:var(--color-primary);background:var(--color-surface);flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex}.world-create-card:hover{background:var(--color-surface-hover)}.toolbar{align-items:center;gap:8px;padding:8px 0;display:flex}.app-bottom{display:none}@media (width<=900px){.app-layout{grid-template-columns:1fr;grid-template-rows:var(--header-height) minmax(260px, 1fr) auto auto;box-sizing:border-box;-webkit-overflow-scrolling:touch;width:100%;max-width:100vw;height:100%;overflow:hidden auto}.app-header{box-sizing:border-box;gap:6px;width:100%;max-width:100vw;padding:0 10px;position:sticky;top:0;overflow-x:hidden}.app-sidebar{border-right:none;border-top:1px solid var(--color-border);background:var(--color-surface);grid-area:3/1;max-height:180px;padding:6px 12px}.app-canvas{box-sizing:border-box;grid-area:2/1;width:100%;max-width:100vw;height:100%;min-height:260px;position:relative;overflow:hidden}.app-bottom{border-top:1.5px solid var(--color-border);background:var(--color-surface);box-sizing:border-box;flex-shrink:0;grid-area:4/1;width:100%;max-width:100vw;height:165px;display:block;position:relative}.app-panel{display:none}.mobile-categories-scroll::-webkit-scrollbar{display:none}.mobile-bricks-scroll::-webkit-scrollbar{display:none}.mobile-categories-scroll,.mobile-bricks-scroll{-ms-overflow-style:none;scrollbar-width:none}.mobile-hide{display:none!important}}.lobby-container{background:#f5f5f7;flex-direction:column;gap:0;width:100%;height:100%;margin:0 auto;padding:0;display:flex;overflow-y:auto}.lobby-topbar{z-index:50;-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#fffc;border-bottom:1px solid #0000000d;align-items:center;min-height:56px;padding:12px 16px;display:flex;position:sticky;top:0}@media (width>=640px){.lobby-topbar{padding:12px 24px}}.lobby-settings-dropdown{z-index:50;border:1px solid var(--color-border);box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;gap:0;max-height:calc(100vh - 80px);padding:16px;display:flex;position:fixed;top:64px;left:16px;right:16px;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (width>=640px){.lobby-settings-dropdown{width:288px;margin-top:8px;position:absolute;top:100%;left:0;right:auto}}.v2-nav-btn{cursor:pointer;white-space:nowrap;color:#000c;box-sizing:border-box;background:#00000008;border:1px solid #00000014;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;height:44px;padding:0 14px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}.v2-nav-btn:hover{background:#0000000f}.v2-nav-btn:active{transform:scale(.96)}.v2-nav-primary{color:#fff!important;background:#17a8d8!important;border:none!important;box-shadow:0 1px 3px #17a8d840!important}.v2-nav-primary:hover{background:#1495c0!important}.v2-nav-black{color:#fff!important;background:#111!important;border:none!important}.v2-nav-black:hover{background:#000000d9!important}.v2-avatar-circle{color:#17a8d8;background:#17a8d81f;border:1px solid #0000000d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.v2-settings-card{z-index:1200;box-sizing:border-box;background:#fff;border:1px solid #00000014;border-radius:16px;max-height:calc(100vh - 80px);position:fixed;top:64px;left:16px;right:16px;overflow-y:auto;box-shadow:0 12px 36px #0000001f}@media (width>=640px){.v2-settings-card{width:290px;position:absolute;top:calc(100% + 8px);left:auto;right:0}}.v2-app-launcher{z-index:1200;box-sizing:border-box;background:#fff;border:1px solid #0000001f;border-radius:20px;width:300px;padding:0;animation:.15s ease-out app-launcher-in;position:fixed;top:60px;left:12px;overflow:hidden;box-shadow:0 16px 48px #0000002e,0 2px 8px #00000014}.v2-app-launcher-header{color:#000000d9;letter-spacing:-.01em;border-bottom:1px solid #0000000f;padding:14px 18px 10px;font-size:14px;font-weight:800}.v2-app-launcher-grid{grid-template-columns:repeat(3,1fr);gap:0;padding:12px 10px 14px;display:grid}@keyframes app-launcher-in{0%{opacity:0;transform:scale(.92)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.v2-app-launcher-item{cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;text-decoration:none;transition:background .15s;display:flex}.v2-app-launcher-item:hover{background:#0000000a}.v2-app-launcher-item:active{background:#00000012;transform:scale(.96)}.v2-app-launcher-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.v2-app-launcher-icon img{object-fit:cover;width:100%;height:100%}.v2-app-launcher-label{color:#000000b3;text-align:center;word-break:break-word;max-width:80px;font-size:11px;font-weight:600;line-height:1.3}@media (width>=640px){.v2-app-launcher{position:absolute;top:calc(100% + 8px);left:0}}.v2-logo-menu-btn{box-sizing:border-box;cursor:pointer;background:#0000000d;border:1px solid #0000000f;border-radius:13px;outline:none;align-items:center;gap:6px;height:44px;padding:3px 6px 3px 3px;transition:all .15s;display:flex}.v2-logo-menu-btn:hover,.v2-logo-menu-btn.active{background:#00000017;border-color:#0000001f}.v2-logo-menu-icon-circle{color:#0000008c;background:#0000000f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.v2-logo-menu-btn:hover .v2-logo-menu-icon-circle,.v2-logo-menu-btn.active .v2-logo-menu-icon-circle{color:#000000d9;background:#0000001a}.v2-mobile-analysis-btn{z-index:30;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);letter-spacing:-.01em;cursor:pointer;border:1.5px solid #ffffff59;outline:none;align-items:center;gap:8px;padding:9px 16px 9px 14px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #00000038,0 2px 6px #0000001f}.v2-mobile-analysis-btn:active{transform:scale(.96);box-shadow:0 2px 8px #0003}.v2-mobile-analysis-badge{color:#fff;background:#ffffff40;border:1px solid #fff6;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:800;line-height:1.3}.v2-card-row{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.v2-card-divider{background:#0000000d;height:1px;margin:0 16px}.v2-lang-grid{flex-wrap:wrap;gap:6px;padding:0 16px 12px;display:flex}.v2-lang-segmented{background:#f1f5f9;border:1px solid #0000000a;border-radius:12px;gap:2px;padding:3px;display:flex}.v2-lang-seg-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;height:32px;font-size:11.5px;font-weight:750;transition:all .15s;display:flex}.v2-lang-seg-btn:hover{color:#1e293b;background:#fff9}.v2-lang-seg-btn.active{color:#fff;background:#17a8d8;box-shadow:0 1px 4px #17a8d859}.v2-lang-pill{color:#000000a6;cursor:pointer;background:#00000008;border:1px solid #0000000f;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.v2-lang-pill:hover{color:#000000e6;background:#00000012}.v2-lang-pill.active{color:#fff;background:#17a8d8;border-color:#17a8d8}.v2-presence-badge{gap:5px;font-size:12px;padding:0 10px!important}.v2-skeleton{background:#0000000a;border-radius:12px;width:100px;height:40px;animation:1.4s ease-in-out infinite v2-pulse}@keyframes v2-pulse{0%,to{opacity:.6}50%{opacity:.25}}.v2-show-mobile{display:none!important}@media (width<=768px){.app-header{min-height:56px!important;padding:0 10px!important}.lobby-topbar{min-height:56px!important;padding:8px 12px!important}.v2-header-actions{gap:6px!important}.v2-nav-btn{border-radius:13px!important;height:44px!important}.v2-hide-mobile{display:none!important}.v2-show-mobile{display:inline-flex!important}.v2-compact-mobile{width:44px!important;height:44px!important;padding:0!important}.v2-presence-badge{border-radius:13px!important;height:44px!important;padding:0 10px!important}.v2-login-btn{border-radius:13px!important;height:44px!important;padding:0 12px!important;font-size:13px!important}.v2-avatar-circle{width:26px!important;height:26px!important;font-size:12px!important}}.lobby-content{flex-direction:column;gap:32px;width:100%;max-width:1000px;margin:0 auto;padding:32px 24px 80px;display:flex}.lobby-header{text-align:left;flex-direction:column;gap:6px;display:flex}.lobby-title{font-size:var(--font-size-3xl);letter-spacing:-.03em;color:var(--color-text-primary);margin-top:8px;font-weight:800}.lobby-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:600px;line-height:1.6}.lobby-mission-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);flex-direction:column;gap:20px;padding:24px 28px;display:flex;position:relative}.lobby-worlds-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:16px;margin:0 -4px -16px;padding:4px 4px 16px;display:flex;overflow-x:auto}.lobby-worlds-scroll::-webkit-scrollbar{display:none}.lobby-new-world-btn{border:1.5px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;width:160px;height:182px;transition:all var(--transition-base);background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;display:flex}.lobby-new-world-btn:hover{border-color:var(--color-primary);background:var(--color-bg)}@media (width<=600px){.lobby-container{gap:0;padding:0}.lobby-content{gap:24px;padding:24px 16px 60px}.lobby-header{gap:6px}.lobby-title{font-size:var(--font-size-2xl);letter-spacing:-.02em}.lobby-description{font-size:var(--font-size-xs);line-height:1.5}.lobby-mission-section{gap:16px;padding:16px 20px}}.analysis-card{transition:all var(--transition-base)}.analysis-card-strength:hover{transform:translateY(-1px);background:#4a6b5d14!important;border-color:#4a6b5d40!important}.analysis-card-exploration{cursor:pointer}.analysis-card-exploration:hover{transform:translateY(-1px);box-shadow:0 4px 8px -2px #d98e540f;background:#d98e5414!important;border-color:#d98e5466!important}.info-badge-btn:hover{transform:scale(1.02);background:#4a6b5d26!important}.v2-analysis-promo-card:hover{transform:translateY(-1px);border-color:#4a6b5d4d!important;box-shadow:0 6px 18px #0000000f!important}.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important}