:root,[data-theme=palace]{--bg-primary:#f0f7ff;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#fff;--bg-glass:#fffffff5;--border-subtle:#e2e8f0;--border-hover:#0284c7;--border-active:#0284c7;--accent-primary:#0284c7;--accent-glow:#0284c733;--accent-border-glow:#0284c766;--brand-gradient:linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);--bg-theme-glow:radial-gradient(ellipse 80% 450px at 50% 0%, #bae6fd66, transparent);--accent-cyan:#0284c7;--accent-blue:#2563eb;--accent-emerald:#059669;--accent-emerald-glow:#05966926;--accent-purple:#7c3aed;--accent-amber:#d97706;--accent-rose:#e11d48;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-glow:0 4px 20px #0284c726;--shadow-card:0 4px 20px -2px #0f172a0f, 0 2px 6px -1px #0f172a0a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px}[data-theme=crimson]{--bg-primary:#07090e;--bg-secondary:#0c101a;--bg-card:#0e121cbf;--bg-card-hover:#161c2ae6;--bg-glass:#0c101ab3;--border-subtle:#ffffff14;--border-hover:#f43f5e73;--border-active:#f43f5e;--accent-primary:#f43f5e;--accent-glow:#f43f5e59;--accent-border-glow:#f43f5e99;--brand-gradient:linear-gradient(135deg, #f43f5e 0%, #e11d48 50%, #be123c 100%);--bg-theme-glow:radial-gradient(ellipse 70% 320px at 50% 0%, #e11d482e, transparent);--accent-cyan:#00f2fe;--accent-blue:#4facfe;--accent-emerald:#10b981;--accent-emerald-glow:#10b98140;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--shadow-glow:0 0 35px var(--accent-glow);--shadow-card:0 10px 30px -10px #0009}[data-theme=cyber]{--bg-primary:#060b13;--bg-secondary:#0a1320;--bg-card:#0c1624bf;--bg-card-hover:#122034e6;--bg-glass:#0a121eb3;--border-subtle:#ffffff14;--border-hover:#38bdf873;--border-active:#38bdf8;--accent-primary:#00f2fe;--accent-glow:#00f2fe59;--accent-border-glow:#00f2fe99;--brand-gradient:linear-gradient(135deg, #00f2fe 0%, #38bdf8 50%, #4facfe 100%);--bg-theme-glow:radial-gradient(ellipse 70% 320px at 50% 0%, #38bdf82e, transparent);--accent-cyan:#00f2fe;--accent-blue:#4facfe;--accent-emerald:#10b981;--accent-emerald-glow:#10b98140;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--shadow-glow:0 0 35px var(--accent-glow);--shadow-card:0 10px 30px -10px #0009}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-main);background-image:var(--bg-theme-glow);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:#ffffff24}.app-container{max-width:1400px;margin:0 auto;padding:24px 28px 60px}.app-header{border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 24px;display:flex}.header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-icon{background:var(--brand-gradient,linear-gradient(135deg, #0284c7, #38bdf8));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 14px #0284c759}.brand-text h1{letter-spacing:-.02em;color:var(--text-main);font-size:1.45rem;font-weight:800;line-height:1.2}.brand-text p{color:var(--text-dim);font-size:.8rem}.status-pill{border-radius:var(--radius-full);color:#059669;background:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 10px #10b981}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.theme-toggle-group{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#0000000d;align-items:center;gap:3px;padding:3px;display:flex}[data-theme=crimson] .theme-toggle-group,[data-theme=cyber] .theme-toggle-group{background:#00000073;border-color:#ffffff1a}.theme-toggle-btn{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.theme-toggle-btn.active{background:var(--bg-card);color:var(--text-main);box-shadow:0 2px 8px #00000014}[data-theme=crimson] .theme-toggle-btn.active,[data-theme=cyber] .theme-toggle-btn.active{color:#fff;background:#ffffff24;box-shadow:0 2px 8px #0006}.dot-palace{background:#0284c7;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #0284c7}.theme-toggle-btn:hover{color:#fff;background:#ffffff14}.theme-toggle-btn.active{color:#fff;background:#ffffff24;box-shadow:0 2px 8px #0006}.dot-crimson{background:#f43f5e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #f43f5e}.dot-cyber{background:#00f2fe;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #00f2fe}.dot-emerald{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.network-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 20px;display:flex}.network-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.network-label{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.ip-chips{flex-wrap:wrap;gap:8px;display:flex}.ip-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:#ffffff0d;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;transition:all .2s;display:flex}.ip-chip:hover{color:var(--text-main);background:#ffffff17;border-color:#fff3}.ip-chip.active{border-color:var(--border-active);color:#38bdf8;background:#38bdf826;font-weight:600}.network-right{align-items:center;gap:12px;display:flex}.port-badge{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-dim);background:#0006;padding:6px 12px;font-size:.8rem}.port-badge span{color:var(--text-muted);font-weight:600}.grid-main{grid-template-columns:1.15fr 1fr;gap:24px;margin-bottom:28px;display:grid}@media (width<=1024px){.grid-main{grid-template-columns:1fr}}.deploy-section{flex-direction:column;gap:20px;padding:24px;display:flex}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.section-title p{color:var(--text-muted);margin-top:2px;font-size:.82rem}.workspace-deploy-box{border-radius:var(--radius-md);background:linear-gradient(135deg,#1e293bb3,#0f172ab3);border:1px solid #38bdf840;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.workspace-deploy-info{align-items:center;gap:12px;display:flex}.workspace-icon{border-radius:var(--radius-sm);color:#38bdf8;background:#38bdf826;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.workspace-text h4{font-size:.95rem;font-weight:700}.workspace-text span{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono)}.btn-primary{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0f;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#0a0f1a66;border:2px dashed #ffffff24;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--accent-cyan);background:#00f2fe08}.dropzone.active{border-color:var(--accent-cyan);background:#00f2fe14;transform:scale(1.01);box-shadow:0 0 30px #00f2fe33}.dropzone-icon{width:60px;height:60px;color:var(--accent-cyan);background:#38bdf81a;border:1px solid #38bdf833;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex}.dropzone:hover .dropzone-icon{transform:scale(1.1)translateY(-3px)}.dropzone-content h3{margin-bottom:4px;font-size:1.05rem;font-weight:700}.dropzone-content p{color:var(--text-muted);font-size:.82rem}.dropzone-buttons{gap:10px;margin-top:8px;display:flex}.share-section{flex-direction:column;gap:20px;padding:24px;display:flex}.url-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#090d16;flex-direction:column;gap:12px;padding:16px;display:flex}.url-header{justify-content:space-between;align-items:center;display:flex}.url-header-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.url-display{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#38bdf8;word-break:break-all;background:#ffffff08;border:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:.95rem;font-weight:600;display:flex}.url-actions{gap:10px;display:flex}.btn-copy{color:#38bdf8;border-radius:var(--radius-sm);cursor:pointer;background:#38bdf81f;border:1px solid #38bdf84d;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-copy:hover{background:#38bdf838;border-color:#38bdf8}.btn-launch{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #10b9814d}.btn-launch:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98173}.qr-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a80;align-items:center;gap:20px;padding:16px;display:flex}.qr-image-wrapper{border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;padding:8px;display:flex;box-shadow:0 4px 16px #0006}.qr-image-wrapper img{width:130px;height:130px;display:block}.qr-details{flex-direction:column;gap:8px;display:flex}.qr-details h4{font-size:.95rem;font-weight:700}.qr-details p{color:var(--text-muted);font-size:.8rem}.qr-wifi-badge{color:#fbbf24;border-radius:var(--radius-full);background:#f59e0b1a;border:1px solid #f59e0b40;align-items:center;gap:6px;margin-top:4px;padding:4px 10px;font-size:.74rem;display:inline-flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0a0f1a80;padding:12px 14px}.stat-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;font-size:.72rem;font-weight:600}.stat-value{font-family:var(--font-mono);color:var(--text-main);margin-top:4px;font-size:1.05rem;font-weight:700}.simulator-section{flex-direction:column;gap:18px;padding:24px;display:flex}.simulator-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.device-toggles{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0006;gap:8px;padding:4px;display:flex}.device-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.device-btn:hover{color:var(--text-main)}.device-btn.active{color:#38bdf8;background:#38bdf833}.simulator-frame-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#05080ecc;justify-content:center;align-items:center;min-height:480px;padding:24px;display:flex;position:relative;overflow:auto}.simulator-frame{background:#000;border-radius:20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000c,0 0 0 2px #ffffff1a}.simulator-frame.desktop{border-radius:var(--radius-sm);width:100%;height:620px}.simulator-frame.portrait{width:393px;height:750px}.simulator-frame.landscape{width:750px;height:393px}.simulator-iframe{background:#000;border:none;width:100%;height:100%}.toast{border-radius:var(--radius-md);z-index:99999;align-items:center;gap:12px;padding:14px 22px;font-size:.92rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slide-up;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 35px #00000080,0 0 20px #10b98140;color:#fff!important;background:#0f172a!important;border:1.5px solid #10b981!important}.toast span{color:#fff!important}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-bar-container{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-top:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#38bdf8,#818cf8);height:100%;transition:width .3s}.builds-section{flex-direction:column;gap:20px;padding:24px;display:flex}.builds-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.builds-title-group{align-items:center;gap:14px;display:flex}.section-accent-pill{background:var(--brand-gradient,linear-gradient(180deg, #0284c7, #38bdf8));width:5px;height:28px;box-shadow:0 0 14px var(--accent-glow,#0284c766);border-radius:3px;flex-shrink:0}.section-heading-text{color:var(--text-main);letter-spacing:-.02em;font-size:1.38rem;font-weight:800}.section-subtitle-text{color:var(--text-dim);margin-top:3px;font-size:.82rem}.builds-icon-badge{border-radius:var(--radius-sm);background:#38bdf81f;border:1px solid #38bdf840;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 15px #38bdf826}.builds-title-group h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.builds-title-group p{color:var(--text-muted);margin-top:2px;font-size:.82rem}.count-badge{text-transform:uppercase;letter-spacing:.05em;color:#10b981;border-radius:var(--radius-full);background:#10b98126;border:1px solid #10b9814d;padding:3px 9px;font-size:.72rem;font-weight:700}.builds-header-actions{align-items:center;gap:12px;display:flex}.search-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:8px;min-width:240px;padding:7px 12px;transition:all .2s;display:flex}[data-theme=crimson] .search-box,[data-theme=cyber] .search-box{background:#0006}.search-box:focus-within{border-color:var(--border-active);box-shadow:0 0 12px #38bdf826}.search-box input{color:var(--text-main);font-size:.84rem;font-family:var(--font-main);background:0 0;border:none;outline:none;width:100%}.search-box input::placeholder{color:var(--text-dim)}.search-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.search-clear:hover{color:var(--text-main)}.builds-empty-state{text-align:center;color:var(--text-muted);border-radius:var(--radius-md);border:1px dashed var(--border-subtle);background:#0003;padding:48px 24px}.builds-empty-state h3{color:var(--text-main);margin-bottom:6px;font-size:1.1rem}.builds-empty-state p{max-width:500px;margin:0 auto;font-size:.85rem}.builds-list{flex-direction:column;gap:12px;display:flex}.build-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172a99;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;transition:all .2s;display:flex}.build-card:hover{background:#16213ab3;border-color:#38bdf859;box-shadow:0 8px 24px -6px #00000080}.build-card.active-in-simulator{background:linear-gradient(135deg,#141a2dcc,#1c163680);border-color:#8b5cf673;box-shadow:0 0 20px #8b5cf626}@media (width<=1080px){.build-card{flex-direction:column;align-items:stretch;gap:14px}}.build-info-col{flex:1;min-width:260px}.build-title-row{align-items:flex-start;gap:12px;display:flex}.build-avatar{border-radius:var(--radius-sm);color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#6366f133);border:1px solid #38bdf84d;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.build-name-box{flex-direction:column;gap:4px;min-width:0;display:flex}.build-name{color:var(--text-main);font-size:1.05rem;font-weight:700;line-height:1.3}.build-id-pill{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border-subtle);background:#0006;border-radius:4px;padding:2px 7px;font-size:.74rem}.latest-pill{text-transform:uppercase;color:#38bdf8;border-radius:var(--radius-full);background:#38bdf826;border:1px solid #38bdf84d;padding:1px 7px;font-size:.7rem;font-weight:700}.simulating-pill{text-transform:uppercase;color:#c084fc;border-radius:var(--radius-full);background:#c084fc26;border:1px solid #c084fc4d;align-items:center;gap:5px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.pulsing-sim-dot{background:#c084fc;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse-dot;box-shadow:0 0 8px #c084fc}.build-meta-row{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;font-size:.76rem;display:flex}.build-meta-row span{align-items:center;gap:4px;display:inline-flex}.build-link-col{flex-wrap:wrap;flex:1.4;justify-content:flex-end;align-items:center;gap:12px;display:flex}@media (width<=1080px){.build-link-col{justify-content:flex-start}}.build-link-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:#080c14;flex:1;align-items:center;gap:8px;min-width:220px;max-width:380px;padding:8px 12px;transition:all .2s;display:flex}.build-link-box:hover{border-color:var(--border-active);background:#0b111e;box-shadow:0 0 12px #38bdf826}.link-prefix{font-family:var(--font-mono);color:#38bdf8;background:#38bdf81f;border-radius:3px;padding:2px 5px;font-size:.65rem;font-weight:700}.link-text{font-family:var(--font-mono);color:#93c5fd;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.link-external-hint{color:var(--text-dim);opacity:.6;flex-shrink:0}.build-link-box:hover .link-external-hint{color:#38bdf8;opacity:1}.build-actions-toolbar{flex-shrink:0;align-items:center;gap:6px;display:flex}.action-btn{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#ffffff0d;align-items:center;gap:5px;padding:7px 11px;font-size:.78rem;font-weight:600;transition:all .18s;display:inline-flex}.action-btn:hover{color:var(--text-main);background:#ffffff1f;border-color:#fff3}.btn-copy-link{color:#38bdf8;background:#38bdf814;border-color:#38bdf840}.btn-copy-link:hover{color:#fff;background:#38bdf82e;border-color:#38bdf8}.btn-copy-link.copied{color:#10b981;background:#10b98126;border-color:#10b981}.btn-qr{color:#a7f3d0;background:#10b98114;border-color:#10b98140}.btn-qr:hover{color:#fff;background:#10b9812e;border-color:#10b981}.btn-open{color:#cbd5e1}.btn-sim{color:#c084fc;background:#8b5cf61a;border-color:#8b5cf640}.btn-sim:hover,.btn-sim.active{color:#fff;background:#8b5cf640;border-color:#a855f7}.btn-delete{color:var(--text-dim);padding:7px 9px}.btn-delete:hover{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e66}.local-deploy-card{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.form-label-tag{color:#38bdf8;background:#38bdf81a;border-radius:4px;padding:1px 6px;font-size:.72rem}.form-select,.form-input{border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-sm);font-family:var(--font-main);background:#00000080;outline:none;width:100%;padding:9px 12px;font-size:.88rem;transition:all .2s}.form-select:focus,.form-input:focus{border-color:var(--border-active);box-shadow:0 0 12px #38bdf826}.form-select option{color:#f8fafc;background:#0f172a}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{pointer-events:none;position:absolute;left:12px}.input-with-icon input{padding-left:36px}.form-options{align-items:center;gap:8px;display:flex}.checkbox-label{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-size:.78rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:#38bdf8;cursor:pointer}.project-quick-meta{color:var(--text-dim);flex-wrap:wrap;gap:14px;padding:4px 0;font-size:.76rem;display:flex}.empty-sub-card{text-align:center;border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);color:var(--text-muted);background:#0003;padding:24px 16px}.simulator-active-tag{color:#c084fc;border-radius:var(--radius-full);background:#8b5cf626;border:1px solid #8b5cf64d;padding:3px 10px;font-size:.78rem}.simulator-build-select{border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-sm);font-size:.82rem;font-family:var(--font-main);cursor:pointer;background:#00000080;outline:none;padding:6px 12px}.simulator-build-select option{background:#0f172a}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-card{border-radius:var(--radius-lg);color:#fff;background:#0f172a;border:1px solid #ffffff26;width:100%;max-width:440px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) zoom-in;box-shadow:0 25px 60px -10px #000c,0 0 30px #38bdf833}.modal-card.danger{border-color:#f43f5e4d;box-shadow:0 25px 60px -10px #000c,0 0 30px #f43f5e33}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h3{color:#fff;font-size:1.15rem;font-weight:700}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.modal-card .form-label,.modal-card .form-label span,.modal-card label{color:#fff!important}.modal-card .form-input{color:#fff!important;background:#0009!important;border:1px solid #fff3!important}.modal-card .form-input:focus{border-color:#38bdf8!important;box-shadow:0 0 12px #38bdf84d!important}.modal-card small,.modal-card p,.modal-card span{color:#fff}.modal-body{flex-direction:column;gap:16px;display:flex}.modal-build-badge{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0006;align-items:center;gap:8px;padding:8px 12px;font-size:.88rem;display:flex}.qr-modal-image-wrapper{border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;margin:0 auto;padding:12px;display:flex;box-shadow:0 8px 24px #00000080}.qr-modal-image-wrapper img{width:200px;height:200px;display:block}.modal-url-display{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#38bdf8;word-break:break-all;text-align:center;background:#080c14;padding:10px 12px;font-size:.82rem}.modal-wifi-notice{color:var(--text-muted);border-radius:var(--radius-sm);background:#38bdf814;border:1px solid #38bdf833;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.78rem;display:flex}.modal-actions{gap:10px;display:flex}.btn-danger{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#e11d48,#be123c);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #e11d4859}.btn-danger:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);transform:translateY(-1px)}.delete-target-preview{border-radius:var(--radius-sm);color:#fff;background:#f43f5e26;border:1px solid #f43f5e59;align-items:center;gap:8px;margin-top:4px;padding:10px 14px;display:flex}.delete-target-preview strong{color:#fff}.btn-public-highlight{color:#38bdf8;border-radius:var(--radius-full);cursor:pointer;background:#38bdf81a;border:1px solid #38bdf84d;align-items:center;gap:7px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-public-highlight:hover{background:#38bdf833;border-color:#38bdf8;transform:translateY(-1px);box-shadow:0 0 15px #38bdf840}.btn-public-highlight.active{color:#fff;background:linear-gradient(135deg,#0284c740,#6366f140);border-color:#38bdf8;box-shadow:0 0 18px #38bdf84d}.status-dot.public-dot{background-color:#38bdf8;box-shadow:0 0 10px #38bdf8}.ip-chip.public-chip{color:#38bdf8;background:#38bdf814;border-color:#38bdf84d}.ip-chip.public-chip.active{color:#fff;background:#38bdf833;border-color:#38bdf8;box-shadow:0 0 14px #38bdf84d}.public-url-preview{opacity:.8;font-size:.72rem;font-family:var(--font-mono)}.btn-add-tunnel-chip{color:#38bdf8;background:#38bdf80a;border-style:dashed;border-color:#38bdf84d}.btn-add-tunnel-chip:hover{background:#38bdf81f;border-color:#38bdf8}.scope-tag{text-transform:uppercase;border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.scope-tag.public{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859}.scope-tag.wifi{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.build-link-box.public-link-box{background:linear-gradient(135deg,#081221e6,#0b172ce6);border-color:#38bdf859}.build-link-box.public-link-box:hover{border-color:#38bdf8;box-shadow:0 0 16px #38bdf840}.link-prefix.public-prefix{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#0284c7,#2563eb)}.wide-modal{max-width:680px}.tunnel-status-box{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0a0f1a99;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.tunnel-status-box.active{background:#38bdf814;border-color:#38bdf84d}.status-indicator-dot{background:#64748b;border-radius:50%;width:10px;height:10px}.status-indicator-dot.online{background:#10b981;animation:2s infinite pulse-dot;box-shadow:0 0 10px #10b981}.custom-url-form{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0f172a80;flex-direction:column;padding:14px 16px;display:flex}.methods-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.methods-grid{grid-template-columns:1fr}}.method-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0f172a99;flex-direction:column;gap:10px;padding:16px;display:flex}.method-header{align-items:flex-start;gap:10px;display:flex}.method-header h4{font-size:.9rem;font-weight:700;line-height:1.3}.badge-free{color:#10b981;margin-top:2px;font-size:.68rem;font-weight:600;display:inline-block}.badge-cloud{color:#c084fc;margin-top:2px;font-size:.68rem;font-weight:600;display:inline-block}.code-block{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#000;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code-block code{font-family:var(--font-mono);color:#38bdf8;font-size:.84rem}.btn-copy-code{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:#ffffff14;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;transition:all .2s;display:inline-flex}.btn-copy-code:hover{color:var(--text-main);background:#ffffff29}.modal-wifi-notice.public-notice{color:#cbd5e1;background:#38bdf814;border-color:#38bdf840}.btn-refresh-all{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7,#2563eb);border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.btn-refresh-all:hover:not(:disabled){background:linear-gradient(135deg,#0369a1,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.btn-refresh-all:disabled{opacity:.7;cursor:not-allowed}.btn-netlify-wrapper{align-items:stretch;display:inline-flex;position:relative}.btn-deploy-netlify{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00ad9f,#059669);border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #00ad9f4d}.btn-deploy-netlify.linked{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:12px}.btn-deploy-netlify:hover:not(:disabled){background:linear-gradient(135deg,#00968b,#047857);transform:translateY(-1px);box-shadow:0 6px 20px #00ad9f73}.btn-deploy-netlify:disabled{opacity:.7;cursor:not-allowed}.btn-netlify-cog{color:#fff;border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);cursor:pointer;background:#047857;border:none;border-left:1px solid #fff3;justify-content:center;align-items:center;padding:8px 10px;transition:background .2s;display:inline-flex}.btn-netlify-cog:hover{background:#065f46}.netlify-benefit-box{color:var(--text-main);background:#00ad9f14;border:1px solid #00ad9f40;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.netlify-connected-banner{color:#fff;background:#10b98126;border:1px solid #10b98166;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:.84rem;display:flex}.netlify-connected-banner span,.netlify-connected-banner strong{color:#fff!important}.netlify-link-preview{align-items:center;gap:4px;margin-left:auto;font-size:.78rem;font-weight:600;text-decoration:underline;display:inline-flex;color:#38bdf8!important}.netlify-link-preview:hover{color:#7dd3fc!important}.layout-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0006;padding:2px;display:flex}.layout-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 9px;transition:all .2s;display:flex}.layout-btn.active{color:#38bdf8;background:#38bdf833}.engine-filter-tabs{scrollbar-width:thin;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.engine-tab{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:#ffffff0a;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.engine-tab:hover{color:var(--text-main);background:#ffffff17;border-color:#ffffff26}.engine-tab.active{border-color:var(--border-active);color:#38bdf8;background:#38bdf826;font-weight:700}.tab-count{font-family:var(--font-mono);border-radius:var(--radius-full);opacity:.85;background:#0006;padding:1px 6px;font-size:.7rem}.engine-tab.fast-tab.active{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b}.engine-tab.e1-tab.active{color:#f87171;background:#ef44442e;border-color:#ef4444}.engine-tab.e14-tab.active{color:#34d399;background:#10b9812e;border-color:#10b981}.engine-tab.e14m-tab.active{color:#c084fc;background:#a855f72e;border-color:#a855f7}.engine-tab.e15-tab.active{color:#38bdf8;background:#0ea5e92e;border-color:#0ea5e9}.engine-tab.e16-tab.active{color:#fb7185;background:#f43f5e2e;border-color:#f43f5e}.engine-tab.e18-tab.active{color:#f0abfc;background:#d946ef2e;border-color:#d946ef}.game-tiles-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.game-tile{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0f172aa6;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -10px #00000080}.game-tile:hover{border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 16px 36px -12px #000c,0 0 25px #38bdf826}.game-tile.active-in-simulator{border-color:#c084fc99;box-shadow:0 0 30px #c084fc40}.tile-banner{cursor:pointer;border-bottom:1px solid var(--border-subtle);background:radial-gradient(circle,#1e293bcc 0%,#080c14f2 100%);justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.tile-logo-wrapper{justify-content:center;align-items:center;width:100%;height:100%;padding:18px;display:flex}.tile-logo-img{object-fit:contain;filter:drop-shadow(0 4px 12px #0009);max-width:100%;max-height:100%;transition:transform .25s}.game-tile:hover .tile-logo-img{transform:scale(1.06)}.tile-fallback-icon{border-radius:var(--radius-sm);color:#38bdf8;background:#38bdf826;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.engine-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.engine-badge.fast{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.engine-badge.e1{color:#f87171;background:#ef444433;border:1px solid #ef444466}.engine-badge.e14{color:#34d399;background:#10b98133;border:1px solid #10b98166}.engine-badge.e14-mult{color:#c084fc;background:#a855f733;border:1px solid #a855f766}.engine-badge.e15{color:#38bdf8;background:#0ea5e933;border:1px solid #0ea5e966}.engine-badge.e16{color:#fb7185;background:#f43f5e33;border:1px solid #f43f5e66}.engine-badge.e18{color:#f0abfc;background:#d946ef33;border:1px solid #d946ef66}.engine-badge.onestar{color:#f472b6;background:#ec489933;border:1px solid #ec489966}.engine-tab.onestar-tab.active{color:#f472b6;background:#ec48992e;border-color:#ec4899}.engine-badge.default{color:#cbd5e1;background:#94a3b833;border:1px solid #94a3b866}.tile-live-badge{border-radius:var(--radius-full);color:#10b981;text-transform:uppercase;z-index:2;background:#0009;border:1px solid #10b98159;align-items:center;gap:5px;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse-dot;box-shadow:0 0 8px #10b981}.tile-hover-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:3;background:#020617bf;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.tile-banner:hover .tile-hover-overlay{opacity:1}.tile-play-circle{color:#fff;background:linear-gradient(135deg,#0284c7,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex;transform:scale(.9);box-shadow:0 0 24px #2563eb99}.tile-banner:hover .tile-play-circle{transform:scale(1)}.tile-play-text{letter-spacing:.08em;color:#f8fafc;font-size:.78rem;font-weight:800}.tile-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.tile-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.tile-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:800;line-height:1.3;overflow:hidden}.tile-meta-row{color:var(--text-dim);align-items:center;gap:8px;font-size:.74rem;display:flex}.tile-link-box{max-width:100%;margin-top:2px;padding:6px 10px}.tile-footer{align-items:center;gap:6px;margin-top:auto;padding-top:6px;display:flex}.tile-btn-play{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;flex:1.4;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #10b9814d}.tile-btn-play:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 18px #10b98173}.tile-btn-action{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;padding:8px 10px;transition:all .18s;display:inline-flex}.tile-btn-action:hover{color:var(--text-main);background:#ffffff1f;border-color:#fff3}.tile-btn-action.copied{background:#10b98126;border-color:#10b981}.tile-btn-action.active{color:#c084fc;background:#a855f733;border-color:#a855f7}.tile-btn-update{color:#38bdf8;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#38bdf814;border:1px solid #38bdf840;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:.74rem;font-weight:700;transition:all .2s;display:inline-flex}.tile-btn-update:hover:not(:disabled){color:#fff;background:#38bdf833;border-color:#38bdf8}.tile-btn-update:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.worldwide-command-card{border-radius:var(--radius-lg);margin-bottom:24px;padding:18px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.worldwide-command-card.online{background:linear-gradient(135deg,#082f4980 0%,#0f172acc 100%);border:1px solid #38bdf866;box-shadow:0 10px 30px -10px #38bdf840,inset 0 1px #ffffff1a}.worldwide-command-card.offline{background:linear-gradient(135deg,#1e293b80 0%,#0f172abf 100%);border:1px solid #ffffff14}.ww-card-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.ww-badge-col{flex:1;align-items:center;gap:16px;min-width:280px;display:flex}.ww-icon-wrapper{background:#38bdf81f;border:1px solid #38bdf84d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ww-pulse-indicator{background:#38bdf826;border:1px solid #38bdf880;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.ww-pulse-ring{border:2px solid #38bdf8;border-radius:12px;width:100%;height:100%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(.95)}}.ww-title{color:#f8fafc;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.ww-live-tag{color:#10b981;border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;background:#10b98126;border:1px solid #10b98166;padding:2px 8px;font-size:.68rem;font-weight:700}.ww-free-tag{color:#38bdf8;border-radius:var(--radius-full);letter-spacing:.05em;background:#38bdf81f;border:1px solid #38bdf84d;padding:2px 8px;font-size:.68rem;font-weight:700}.ww-desc{color:var(--text-muted);margin:4px 0 0;font-size:.85rem;line-height:1.45}.ww-desc strong{color:#f8fafc}.ww-url-box{border-radius:var(--radius-sm);background:#0006;border:1px solid #38bdf84d;align-items:center;gap:8px;margin-top:8px;padding:6px 12px;display:inline-flex}.ww-url-text{font-family:var(--font-mono);color:#38bdf8;letter-spacing:.02em;font-size:.85rem;font-weight:600}.ww-actions-col{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-launch-worldwide{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #38bdf866;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #0284c759}.btn-launch-worldwide:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 6px 20px #38bdf873}.btn-launch-worldwide:disabled{opacity:.6;cursor:not-allowed}.btn-action-primary{color:#38bdf8;border-radius:var(--radius-sm);cursor:pointer;background:#38bdf826;border:1px solid #38bdf866;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action-primary:hover{color:#fff;background:#38bdf840}.btn-action-primary.copied{color:#10b981;background:#10b9812e;border-color:#10b981}.btn-action-ghost{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-action-ghost:hover{color:var(--text-main);background:#ffffff1a;border-color:#fff3}.active-scope{color:#fff!important;background:#ffffff2e!important;font-weight:700!important}.ip-select-dropdown{color:#f8fafc;border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;background:#0009;border:1px solid #fff3;outline:none;padding:3px 8px;font-size:.75rem}.ip-select-dropdown:hover{border-color:#38bdf880}.btn-action-danger{color:#f87171;border-radius:var(--radius-sm);cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action-danger:hover:not(:disabled){color:#fff;background:#ef444438;border-color:#ef4444}[data-theme=palace] .worldwide-command-card.offline{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px -2px #0f172a0d}[data-theme=palace] .worldwide-command-card.online{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:1px solid #86efac;box-shadow:0 4px 20px -2px #10b9811a}[data-theme=palace] .ww-title{color:#0f172a}[data-theme=palace] .ww-desc{color:#64748b}[data-theme=palace] .ww-desc strong{color:#0f172a}[data-theme=palace] .ww-url-box{background:#f8fafc;border-color:#e2e8f0}[data-theme=palace] .ww-url-text{color:#0284c7}[data-theme=palace] .btn-action-ghost{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}[data-theme=palace] .btn-action-ghost:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}[data-theme=palace] .ip-select-dropdown{color:#0f172a;background:#fff;border:1px solid #cbd5e1}[data-theme=palace] .engine-tab{color:#475569;background:#fff;border:1px solid #e2e8f0}[data-theme=palace] .engine-tab:hover{color:#0f172a;background:#f8fafc}[data-theme=palace] .engine-tab.active{color:#0284c7;background:#e0f2fe;border-color:#0284c7}[data-theme=palace] .layout-toggle{background:#f1f5f9;border-color:#e2e8f0}[data-theme=palace] .layout-btn{color:#64748b}[data-theme=palace] .layout-btn.active{color:#0284c7;background:#fff;box-shadow:0 1px 4px #00000014}.status-pill.public-pill{color:#10b981;background:#10b98126;border-color:#10b98166}.live-dot-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot;box-shadow:0 0 8px #10b981}.casino-posters-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin-top:14px;display:grid}.casino-card-item{flex-direction:column;display:flex}.casino-poster-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s;display:flex;overflow:hidden}.casino-poster-card:hover{border-color:#38bdf8;transform:translateY(-6px);box-shadow:0 16px 36px -4px #0284c729,0 4px 12px -2px #0f172a0f}.casino-poster-art{cursor:pointer;border-radius:19px 19px 0 0;justify-content:center;align-items:center;height:205px;padding:14px;display:flex;position:relative;overflow:hidden}.casino-logo-image{object-fit:contain;z-index:2;filter:drop-shadow(0 6px 16px #0006);max-width:75%;max-height:75%;margin:0 auto;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block;position:relative}.casino-poster-card:hover .casino-logo-image{transform:scale(1.06)}.casino-top-left-controls{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px}.casino-top-left-controls .casino-floating-engine{position:static;top:auto;left:auto}.casino-delete-btn{-webkit-backdrop-filter:blur(6px);border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#e11d48e6;border:1px solid #ffffff73;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #e11d4880}.casino-delete-btn:hover{background:#e11d48;transform:scale(1.15);box-shadow:0 0 14px #e11d48e6}.casino-floating-engine{z-index:3;-webkit-backdrop-filter:blur(6px);border-radius:var(--radius-full);color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#00000059;border:1px solid #ffffff40;align-items:center;gap:5px;padding:3px 9px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.casino-floating-live{z-index:3;-webkit-backdrop-filter:blur(6px);border-radius:var(--radius-full);background:#00000059;border:1px solid #ffffff40;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:10px;right:10px}.casino-fallback-card{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:.82rem;font-weight:700;display:flex}.casino-card-content{background:var(--bg-card);flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.casino-text-group{flex-direction:column;gap:2px;display:flex}.casino-game-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;letter-spacing:-.01em;font-size:.98rem;font-weight:750;line-height:1.25;transition:color .2s;overflow:hidden}.casino-game-name:hover{color:var(--accent-primary)}.casino-game-provider{color:#0284c7;align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:flex}.casino-game-provider .bullet-sep{opacity:.4;font-size:.65rem}.casino-card-actions{align-items:center;gap:6px;width:100%;margin-top:2px;display:flex}.casino-play-btn{box-sizing:border-box;color:#0284c7;white-space:nowrap;cursor:pointer;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 12px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.casino-play-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 14px #0284c759}.casino-action-icon-btn{box-sizing:border-box;color:#0284c7;cursor:pointer;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:inline-flex}.casino-action-icon-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px)}.casino-action-icon-btn.updating{color:#0284c7;background:#f0f9ff;border-color:#0284c7}[data-theme=crimson] .casino-poster-card,[data-theme=cyber] .casino-poster-card{background:#0d121e;border-color:#ffffff14}[data-theme=crimson] .casino-card-content,[data-theme=cyber] .casino-card-content{background:#0d121e}[data-theme=crimson] .casino-game-name,[data-theme=cyber] .casino-game-name{color:#fff}[data-theme=crimson] .casino-play-btn{color:#f43f5e;background:#f43f5e26;border-color:#f43f5e66}[data-theme=crimson] .casino-play-btn:hover{color:#fff;background:#f43f5e;border-color:#f43f5e;box-shadow:0 4px 14px #f43f5e66}[data-theme=cyber] .casino-play-btn{color:#06b6d4;background:#06b6d426;border-color:#06b6d466}[data-theme=cyber] .casino-play-btn:hover{color:#fff;background:#06b6d4;border-color:#06b6d4;box-shadow:0 4px 14px #06b6d466}[data-theme=crimson] .casino-url-strip,[data-theme=cyber] .casino-url-strip,[data-theme=crimson] .casino-action-icon-btn,[data-theme=cyber] .casino-action-icon-btn{color:#94a3b8;background:#ffffff0a;border-color:#ffffff1a}