body{-webkit-user-select:none;user-select:none;background:#1a1a2e;justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:auto}#root{justify-content:center;align-items:center;width:100%;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#eee;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;font-family:Segoe UI,system-ui,sans-serif}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.flex-center{justify-content:center;align-items:center;display:flex}.loading-screen{background:#0a0a0f;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.loading-screen h2{color:#818cf8;font-size:22px;font-weight:700}.loading-screen p{color:#9898b0;font-size:14px}.loading-spinner{border:3px solid #ffffff0f;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.game-canvas-wrap{background-color:#82985e;width:100%;height:100%;position:relative}.game-canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.loading-overlay{color:#afa;background:#0009;border-radius:4px;justify-content:center;align-items:center;font-family:monospace;font-size:18px;display:flex;position:absolute;inset:0}.game-view{--ui-bg:#0a0a0f;--ui-accent:#2563eb;--ui-radius:8px;--ui-shadow-opacity:.5;--ui-anim-speed:1;background:var(--ui-bg);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.map-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.game-topbar{z-index:100;height:48px;box-shadow:0 4px 24px rgba(0, 0, 0, calc(var(--ui-shadow-opacity,.5) * .5));background:#0a0a0feb;border-bottom:1px solid #ffffff0f;border-radius:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-brand{flex:1;align-items:center;gap:8px;display:flex}.brand-icon{color:#ffffff80}.brand-text{color:#fff;letter-spacing:.02em;font-size:14px;font-weight:700}.topbar-center{align-items:center;gap:10px;display:flex}.game-status{letter-spacing:.04em;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.game-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.game-status.st--live{color:#22c55e;background:#22c55e1a}.game-status.st--live .game-status-dot{animation:2s ease-in-out infinite dot-pulse}.game-status.st--connecting{color:#eab308;background:#eab3081a}.game-status.st--demo{color:#a78bfa;background:#a78bfa1a}.game-status.st--idle{color:#ffffff59;background:#ffffff0a}.game-status.st--error{color:#f87171;background:#f871711a}.game-status.st--error .game-status-dot{background:#f87171}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.topbar-tiktok-username{color:#94a3b8;letter-spacing:.03em;font-size:12px;font-weight:600}.btn-start{color:#fff;letter-spacing:.04em;cursor:pointer;background:#22c55e;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.btn-start:hover{background:#16a34a}.btn-stop{color:#ef4444;letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:4px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.btn-stop:hover{background:#ef44441a}.topbar-actions{flex:1;justify-content:flex-end;gap:4px;display:flex}.action-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.action-btn:hover{color:#fff;border-color:#ffffff26}.action-btn--active{color:var(--ui-accent,#3b82f6);border-color:color-mix(in srgb, var(--ui-accent,#3b82f6) 30%, transparent);background:color-mix(in srgb, var(--ui-accent,#3b82f6) 8%, transparent)}.test-drawer{z-index:90;background:#111117;border-bottom:1px solid #ffffff0f;border-left:1px solid #ffffff0f;border-radius:0 0 0 6px;width:260px;position:fixed;top:48px;right:0}.players-drawer--pinned{-webkit-backdrop-filter:blur(12px);background:#111117d9;border:1px solid #ffffff1a;border-radius:12px;height:auto;top:64px;left:16px;right:auto;overflow:hidden;box-shadow:0 12px 40px #0009}.test-drawer-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.test-drawer-title{color:#ffffff80;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.test-drawer-actions{align-items:center;gap:2px;display:flex}.test-drawer-close{color:#ffffff4d;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;transition:color .15s;display:flex}.test-drawer-close:hover{color:#fff}.test-drawer-pin{color:#ffffff40;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;transition:color .15s,background .15s;display:flex}.test-drawer-pin:hover{color:#818cf8;background:#6366f126}.test-drawer-body{padding:14px}.test-field{margin-bottom:14px}.test-label{color:#ffffff59;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.test-input{color:#fff;background:#16161e;border:1px solid #ffffff14;border-radius:4px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.test-input:focus{border-color:#3b82f666}.test-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:14px;display:grid}.test-btn{color:#fff9;cursor:pointer;background:#16161e;border:1px solid #ffffff0f;border-radius:4px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;transition:color .15s,border-color .15s;display:flex}.test-btn span{color:#ffffff59;text-align:center;font-size:9px;line-height:1.2}.test-btn:hover{color:#fff;border-color:#ffffff1f}.test-btn--sovereignty{color:gold;border-color:#ffd70040}.test-btn--sovereignty span{color:#ffd70099}.test-btn--sovereignty:hover{background:#ffd7000d;border-color:#ffd70080}.test-btn--reign{color:#a78bfa;border-color:#a78bfa40}.test-btn--reign span{color:#a78bfa99}.test-btn--reign:hover{background:#a78bfa0d;border-color:#a78bfa80}.test-reset-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef444433;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.test-reset-btn:hover{background:#ef444414}.settings-drawer-backdrop{z-index:89;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.settings-drawer-backdrop--visible{opacity:1;pointer-events:auto}.settings-drawer{z-index:200;background:#111117;border-left:1px solid #ffffff0f;flex-direction:column;width:420px;max-width:90vw;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.settings-drawer--open{transform:translate(0)}.settings-drawer:not(.settings-drawer--open) .settings-drawer-close{display:none}.settings-drawer-close{color:#ffffff80;cursor:pointer;z-index:1;background:#111117;border:1px solid #ffffff14;border-right:none;border-radius:4px 0 0 4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;left:-36px}.settings-drawer-close:hover{color:#fff}@media (width<=640px){.settings-drawer{width:100%;max-width:100%}.settings-drawer-close{border:1px solid #ffffff14;border-radius:4px;top:8px;left:auto;right:8px}}.conquest-toast{border-radius:var(--ui-radius,4px);color:#ffffffd9;white-space:nowrap;width:fit-content;animation:toast-in calc(.3s / var(--ui-anim-speed,1)) ease-out forwards;z-index:60;pointer-events:none;background:#0a0a0fe6;border:1px solid #ffffff14;align-items:center;gap:8px;margin:0 auto;padding:8px 14px;font-size:13px;display:flex;position:fixed;left:0;right:0}.conquest-toast--exit{animation:.4s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.conquest-marker{border-radius:50%;flex-shrink:0;width:8px;height:8px}.error-strip{color:#ef4444;z-index:200;background:#ef444426;border:1px solid #ef444440;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;display:flex;position:fixed;top:56px;left:50%;transform:translate(-50%)}@media (width<=640px){.game-topbar{padding:0 10px}.brand-text{font-size:12px}.test-drawer{border-left:none;width:100%}}.pakvix-logo{z-index:2;opacity:.09;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.pakvix-logo img{width:14vw;height:auto}.brand-logo{width:auto;height:24px}.reset-view-btn{color:#fff;letter-spacing:.04em;cursor:pointer;z-index:50;background:#0a0a0fcc;border:1px solid #ffffff1a;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:background .15s;position:fixed;bottom:16px;left:16px}.map-context-menu{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#121218d9;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:4px;width:160px;padding:6px;animation:.15s ease-out contextMenuFade;display:flex;position:absolute;box-shadow:0 8px 32px #0009}@keyframes contextMenuFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;display:flex}.context-menu-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.context-menu-title{color:#fffc;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.context-menu-item{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px;font-size:12px;transition:all .15s;display:flex}.context-menu-item:hover{color:#fff;background:#ffffff14}.context-menu-item--danger{color:#fca5a5}.context-menu-item--danger:hover{color:#f87171;background:#f8717126}.context-menu-item .cm-icon{opacity:.7}.context-menu-item:hover .cm-icon{opacity:1}*{box-sizing:border-box;margin:0;padding:0}:root{--panel-bg:#0d1030b8;--panel-border:#6a5cff73}.kule-root{color:#e7ecff;-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,-apple-system,sans-serif;position:absolute;inset:0;overflow:hidden}.background{z-index:0;transition:background .8s;position:absolute;inset:0;overflow:hidden}.stars{position:absolute;inset:0}.star{opacity:.7;background:#fff;border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 6px #fff}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.95}}.aurora{filter:blur(40px);opacity:.55;position:absolute;inset:0}.aurora-band{mix-blend-mode:screen;border-radius:50%;width:140%;height:220px;animation:12s ease-in-out infinite alternate drift;position:absolute;left:-20%}.band1{background:linear-gradient(90deg,#0000,#35d0ff,#0000);top:12%}.band2{background:linear-gradient(90deg,#0000,#5effc8,#0000);animation-delay:-4s;top:28%}.band3{background:linear-gradient(90deg,#0000,#7c5cff,#0000);animation-delay:-8s;top:44%}@keyframes drift{0%{transform:translate(-8%)skewY(-4deg)}to{transform:translate(8%)skewY(4deg)}}.planet{background:radial-gradient(circle at 35% 30%,#9b6bff 0%,#5b3aa6 45%,#2a1758 100%);border-radius:50%;width:160px;height:160px;position:absolute;top:8%;right:10%;box-shadow:0 0 60px #9b6bff80,inset -20px -10px 40px #00000080}.planet-small{background:radial-gradient(circle at 35% 30%,#6be8ff 0%,#2a86a6 50%,#103040 100%);border-radius:50%;width:60px;height:60px;position:absolute;top:22%;left:14%;box-shadow:0 0 30px #6be8ff80,inset -8px -6px 18px #00000080}.sun{filter:blur(2px);background:radial-gradient(circle,#fff3c0 0%,#ffcf6b 35%,#ff8a5b 70%,#ff8a5b00 72%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.city-glow{background:radial-gradient(at 50% 100%,#00eaff2e,#0000 70%);height:40%;position:absolute;bottom:0;left:0;right:0}.skyline{justify-content:center;align-items:flex-end;gap:3px;padding:0 1%;display:flex;position:absolute;bottom:0;left:0;right:0}.building{background-color:#0a0f28;background-image:radial-gradient(circle,#96cdffb3 1.1px,#0000 1.8px),linear-gradient(#141d44 0%,#0a0f28 65%,#060818 100%);background-position:5px 7px,0 0;background-size:11px 15px,100% 100%;border-radius:3px 3px 0 0;position:relative;box-shadow:inset 0 -24px 34px #0000008c,0 0 22px #50a0ff2e}.building:before{content:"";background:#a0d2ff80;width:2px;height:4px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 -3px 6px #78c8ff99}.skyline.silhouette .building{background-color:#160a22;background-image:linear-gradient(#2a1238 0%,#160a22 70%);border-top:2px solid #ff965a59;box-shadow:0 -6px 22px #ff78502e}.skyline.silhouette .building:before{background:#ffaa6e99;box-shadow:0 -3px 6px #ff965ab3}.mountains{width:100%;height:30%;position:absolute;bottom:0;left:0}.mountains polygon{fill:#021016;opacity:.92}.game-area{z-index:1;position:absolute;inset:0}.game-area canvas{display:block}.panel{z-index:15;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;position:absolute;box-shadow:0 8px 40px #00000080,inset 0 0 30px #6a5cff1f}.kule-hud{z-index:10;text-align:center;pointer-events:none;position:absolute;top:64px;left:50%;transform:translate(-50%)}.kule-hud-score{color:#fff;font-size:60px;font-weight:800;line-height:1}.kule-hud-label{letter-spacing:4px;text-transform:uppercase;color:#8aa0ff;margin-top:6px;font-size:12px}.kule-hud-target{margin-top:10px}.target-bump{animation:.5s ease-out target-bump-anim}@keyframes target-bump-anim{0%{filter:brightness();transform:scale(1)}30%{filter:brightness(1.8);transform:scale(1.15)}to{filter:brightness();transform:scale(1)}}.kule-hud-target-text{letter-spacing:1px;color:#cdd6ffcc;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 4px;font-size:11px;font-weight:700;display:flex}.kule-hud-target-text .value{color:#fff;text-shadow:0 0 10px;font-size:14px;font-weight:800}.kule-hud-bar{background:#ffffff14;border-radius:99px;width:180px;height:8px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.kule-hud-bar-fill{border-radius:99px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.kule-hud-bar.speed-bar .animated-stripes{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:20px 20px;animation:1s linear infinite move-stripes}@keyframes move-stripes{0%{background-position:0 0}to{background-position:20px 0}}.kule-center-msg{z-index:11;letter-spacing:2px;opacity:0;pointer-events:none;text-shadow:0 0 24px;font-size:54px;font-weight:900;transition:opacity .15s,transform .15s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.6)}.kule-center-msg.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.hint{z-index:10;color:#8aa0ff;letter-spacing:1px;pointer-events:none;font-size:15px;animation:1.6s ease-in-out infinite pulse;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.countdown-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;pointer-events:none;background:#0006;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex;position:absolute;inset:0}.countdown-text{letter-spacing:4px;color:#ffb86c;text-shadow:0 0 20px #ffb86c80;margin-bottom:10px;font-size:24px;font-weight:800}.countdown-number{color:#fff;text-shadow:0 0 40px #fffc,0 0 80px #ffb86ccc;font-size:120px;font-weight:900;line-height:1;animation:1s ease-in-out infinite pulse-countdown}@keyframes pulse-countdown{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}.countdown-pause-btn{pointer-events:auto;letter-spacing:1px;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffb86c2e;border:2px solid #ffb86c;border-radius:999px;margin-top:24px;padding:12px 28px;font-size:16px;font-weight:700;transition:background .15s,transform .1s}.countdown-pause-btn:hover{background:#ffb86c59}.countdown-pause-btn:active{transform:scale(.96)}.victory-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:25;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards victory-pop;display:flex;position:absolute;inset:0}.victory-title{color:gold;text-shadow:0 0 30px #ffd70099,0 0 60px #ffd70066;text-transform:uppercase;letter-spacing:4px;margin-bottom:16px;font-size:64px;font-weight:900}.victory-subtitle{color:#cdd6ff;opacity:0;font-size:18px;font-weight:600;animation:.5s ease-out .6s forwards fade-in}@keyframes victory-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.kule-gameover{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05060fb8;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.kule-gameover h1{color:#ff4d6d;text-shadow:0 0 30px #ff4d6d;font-size:52px}.kule-gameover p{color:#b9c4ff;font-size:18px}.kule-restart-btn{color:#05060f;cursor:pointer;background:linear-gradient(135deg,#00eaff,#6a5cff);border:none;border-radius:12px;margin-top:10px;padding:14px 34px;font-size:18px;font-weight:700;transition:transform .1s;box-shadow:0 0 24px #00eaff99}.kule-restart-btn:active{transform:scale(.95)}.gift-panel{width:230px;padding:18px 16px;top:50%;right:22px;transform:translateY(-50%)}.gift-panel h2{letter-spacing:2px;text-transform:uppercase;text-align:center;font-size:13px}.panel-sub{color:#7c87c9;text-align:center;margin:4px 0 14px;font-size:11px}.gift-btn{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:12px 14px;font-size:15px;font-weight:700;transition:transform 80ms,box-shadow .15s,background .15s;display:flex}.gift-btn .emoji{font-size:22px}.gift-btn .txt{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.gift-btn .txt small{opacity:.7;font-size:11px;font-weight:500}.gift-btn:active{transform:scale(.96)}.gift-btn.rose:hover{background:#ff4d6d2e;box-shadow:0 0 18px #ff4d6d80}.gift-btn.tea:hover{background:#00eaff26;box-shadow:0 0 18px #00eaff80}.gift-btn.hater:hover{background:#a050ff2e;box-shadow:0 0 18px #a050ff80}.theme-menu{width:220px;padding:12px;top:22px;left:22px}.theme-menu.collapsed{width:auto}.theme-toggle{color:#e7ecff;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:8px 10px;font-size:14px;font-weight:700}.theme-body{margin-top:8px}.theme-group-title{letter-spacing:2px;text-transform:uppercase;color:#7c87c9;margin:10px 2px 6px;font-size:11px}.theme-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.theme-chip{color:#cdd6ff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;transition:transform 80ms,border-color .15s,background .15s;display:flex}.theme-chip:hover{background:#ffffff14}.theme-chip:active{transform:scale(.95)}.theme-chip.active{background:#00eaff1f;border-color:#00eaff;box-shadow:0 0 14px #00eaff66}.chip-emoji{font-size:20px}.chip-name{font-size:11px;font-weight:600}@media (width<=640px){.kule-hud-score{font-size:44px}.gift-panel{width:180px;padding:12px 10px;right:12px}.theme-menu{width:180px;top:12px;left:12px}.kule-center-msg{font-size:38px}}.gpm-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#000000a6;justify-content:center;align-items:center;animation:.18s gpm-fade;display:flex;position:fixed;inset:0}@keyframes gpm-fade{0%{opacity:0}to{opacity:1}}.gpm-card{background:#0c101ef7;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;width:92%;max-width:720px;max-height:82vh;animation:.2s cubic-bezier(.34,1.56,.64,1) gpm-pop;display:flex;box-shadow:0 28px 56px #00000080,0 0 0 1px #6366f11f}@keyframes gpm-pop{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.gpm-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:18px 20px 14px;display:flex}.gpm-title-row{flex:1;align-items:center;gap:10px;display:flex}.gpm-title-icon{color:#6366f1;flex-shrink:0}.gpm-title{color:#f1f5f9;margin:0;font-size:16px;font-weight:600}.gpm-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.gpm-badge--ok{color:#34d399;background:#10b98126;border:1px solid #10b98140}.gpm-badge--warn{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b38}.gpm-close{color:#64748b;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:7px;transition:all .15s;display:flex}.gpm-close:hover{color:#e2e8f0;background:#ffffff1a}.gpm-search-row{border-bottom:1px solid #ffffff0d;align-items:center;padding:12px 20px;display:flex;position:relative}.gpm-search-icon{color:#475569;pointer-events:none;position:absolute;left:34px}.gpm-search-input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;padding:9px 36px;font-size:13px;transition:border-color .15s,background .15s}.gpm-search-input::placeholder{color:#475569}.gpm-search-input:focus{background:#ffffff12;border-color:#6366f166}.gpm-search-clear{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:30px}.gpm-search-clear:hover{color:#94a3b8}.gpm-body{flex:1;padding:14px 16px;overflow-y:auto}.gpm-body::-webkit-scrollbar{width:5px}.gpm-body::-webkit-scrollbar-track{background:0 0}.gpm-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.gpm-loading,.gpm-empty{text-align:center;color:#475569;padding:48px 20px;font-size:13px}.gpm-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.gpm-card-item{cursor:pointer;text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;transition:background .15s,border-color .15s,transform .1s;display:flex}.gpm-card-item:hover{background:#6366f11f;border-color:#6366f159;transform:translateY(-1px)}.gpm-card-item:active{transform:translateY(0)}.gpm-img-wrap{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gpm-img{object-fit:contain;width:48px;height:48px}.gpm-img-placeholder{color:#475569}.gpm-gift-name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:500;line-height:1.3;overflow:hidden}.gpm-gift-diamonds{color:#818cf8;align-items:center;gap:3px;font-size:10px;font-weight:600;display:inline-flex}.gpm-footer{border-top:1px solid #ffffff0d;align-items:center;gap:12px;padding:10px 20px;display:flex}.gpm-result-count{color:#475569;background:#ffffff0d;border-radius:8px;padding:2px 8px;font-size:11px}.gpm-hint{color:#334155;margin-left:auto;font-size:11px}.settings-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.settings-panel-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.settings-panel-title{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.auto-save-status{border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.auto-save-status--saving{color:#eab308;background:#eab3081a}.auto-save-status--saved{color:#22c55e;background:#22c55e1a}.auto-save-status--error{color:#ef4444;background:#ef44441a}.settings-panel-tabs{border-bottom:1px solid #ffffff0f;padding:0 8px;display:flex}.sp-tab{color:#fff6;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.sp-tab:hover{color:#ffffffb3}.sp-tab--active{color:#fff;border-bottom-color:var(--ui-accent,#2563eb)}.settings-panel-body{flex:1;padding:12px;overflow:hidden auto}.sp-tab-content{flex-direction:column;gap:12px;display:flex}.settings-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:8px;padding:16px;transition:background .2s;overflow:hidden}.settings-section:hover{background:#ffffff08}.section-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.icon-wrapper{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.section-title{color:#fff;letter-spacing:.2px;margin:0;font-size:14px;font-weight:600}.section-subtitle{color:#ffffff73;margin:2px 0 0;font-size:11px;line-height:1.3}.control-row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:12px;padding-bottom:12px;display:flex}.control-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.control-label{color:#fffc;font-size:13px;font-weight:500}.control-label-group{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.control-description{color:#ffffff59;font-size:11px}.color-field{background:#0003;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.color-input{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;width:28px;height:28px;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:none;border-radius:4px}.color-hex{color:#fff;text-transform:uppercase;font-family:SF Mono,Fira Code,monospace;font-size:12px}.slider-field{flex-shrink:0;align-items:center;gap:10px;width:120px;display:flex}.slider-input{appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex:1;min-width:0;height:4px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:3px solid #2563eb;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 0 10px #2563eb80}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{color:#fff;text-align:right;background:#ffffff1a;border-radius:4px;flex-shrink:0;min-width:24px;padding:2px 6px;font-size:12px;font-weight:600}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle-thumb{background:#a1a1aa;border-radius:50%;width:16px;height:16px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-track{background:#2563eb;border-color:#2563eb;box-shadow:0 0 10px #2563eb66}.toggle-switch input:checked+.toggle-track .toggle-thumb{background:#fff;left:20px}.input-compact{text-align:right;color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:8px;width:80px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .15s}.input-compact:focus{background:#0006;border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.input-compact::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-compact::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-compact[type=number]{appearance:textfield}.obs-link-box{background:#0006;border:1px solid #ffffff1a;border-radius:8px;align-items:center;width:100%;margin-top:8px;display:flex;overflow:hidden}.obs-link-input{color:#94a3b8;background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-family:SF Mono,Fira Code,monospace;font-size:11px}.obs-link-actions{padding:0 4px;display:flex}.obs-link-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.obs-link-btn:hover{color:#fff;background:#ffffff1a}.ban-input-group{gap:8px;width:100%;margin-bottom:12px;display:flex}.ban-input{text-align:left;flex:1}.btn-brand-danger{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-brand-danger:hover{color:#fff;background:#ef4444;box-shadow:0 4px 12px #ef44444d}.banned-list-container{background:#0003;border:1px solid #ffffff0d;border-radius:8px;max-height:220px;overflow-y:auto}.banned-list-item{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .2s;display:flex}.banned-list-item:hover{background:#ffffff08}.banned-list-item:last-child{border-bottom:none}.banned-user-name{color:#e2e8f0;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.banned-user-name:before{content:"";background:#f59e0b;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 6px #f59e0b80}.btn-unban{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s}.btn-unban:hover{color:#fff;background:#ffffff26}.tiktokadi-edit-row{align-items:center;gap:6px;margin-top:10px;display:flex}.tiktokadi-at{color:#94a3b8;flex-shrink:0;font-size:14px;font-weight:600}.tiktokadi-input{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.tiktokadi-input:focus{border-color:#3b82f6}.tiktokadi-input:disabled{opacity:.5}.btn-tiktokadi-save{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s,opacity .15s;display:flex}.btn-tiktokadi-save:hover:not(:disabled){background:#2563eb}.btn-tiktokadi-save:disabled{opacity:.45;cursor:not-allowed}.btn-tiktokadi-save--ok{background:#16a34a}.tiktokadi-status-msg{align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.tiktokadi-status-msg--error{color:#f87171}.tiktokadi-status-msg--warn{color:#fb923c}.tiktokadi-status-msg--ok{color:#4ade80}.sub-header{text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.gift-rules-block{margin-bottom:24px}.gift-rules-table{background:#16161e;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:2px;display:flex;overflow:hidden}.gift-rule-row{background:#1c1c27;flex-direction:column;gap:6px;padding:10px 14px;transition:background .15s;display:flex}.gift-rule-main{align-items:center;gap:8px;display:flex}.gift-rule-row:hover{background:#20202d}.gift-thumb{object-fit:contain;background:#ffffff0a;border-radius:6px;flex-shrink:0;width:36px;height:36px}.gift-thumb-placeholder{color:#ffffff40;background:#ffffff0a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gift-rule-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gift-rule-name{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.gift-rule-diamonds{color:#ffffff4d;align-items:center;gap:3px;font-size:11px;display:inline-flex}.gift-rule-power{align-items:center;gap:6px;display:flex}.power-unit{color:#ffffff4d;font-size:12px}.gift-rule-reign-row{background:#a78bfa12;border:1px solid #a78bfa26;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;display:flex}.gift-rule-reign-icon{color:#a78bfa;flex-shrink:0}.input-compact--sm{width:60px}.btn-icon-remove{color:#fff3;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.btn-icon-remove:hover{color:#f87171;background:#f871711a}.gift-add-block{margin-top:4px}.btn-open-gift-picker{color:#818cf8;cursor:pointer;background:#6366f124;border:1px solid #6366f14d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.btn-open-gift-picker:hover:not(:disabled){color:#a5b4fc;background:#6366f138;border-color:#6366f180}.btn-open-gift-picker:disabled{opacity:.5;cursor:default}.gift-search-bar{margin-bottom:12px;position:relative}.search-icon{color:#fff3;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-search{box-sizing:border-box;color:#fff;background:#16161e;border:1px solid #ffffff14;border-radius:6px;width:100%;padding:8px 12px 8px 34px;font-family:inherit;font-size:13px;transition:border-color .15s}.input-search:focus{border-color:#2563eb;outline:none}.input-search::placeholder{color:#ffffff40}.gift-loading{text-align:center;color:#ffffff4d;padding:24px 0;font-size:13px}.gift-source-msg{border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 10px;font-size:12px;display:inline-flex}.gift-source-msg--success{color:#34d399;background:#34d39914}.gift-source-msg--warn{color:#fbbf24;background:#fbbf2414}.gift-picker-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;display:grid}.gift-pick-card{cursor:pointer;color:inherit;background:#1c1c27;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-family:inherit;transition:all .15s;display:flex}.gift-pick-card:hover{background:#22223a;border-color:#2563eb4d}.gift-pick-img{object-fit:contain;width:36px;height:36px}.gift-pick-placeholder{color:#fff3;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gift-pick-name{text-align:center;color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;line-height:1.3;overflow:hidden}.gift-pick-diamonds{color:#ffffff40;align-items:center;gap:3px;font-size:10px;display:inline-flex}.gift-hint{color:#ffffff40;text-align:center;padding:12px 0;font-size:12px}.btn-icon-sovereignty{cursor:pointer;color:#ffffff40;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.btn-icon-sovereignty:hover{color:gold;background:#ffd7001a}.btn-icon-sovereignty--active{color:gold;background:#ffd7001f}.btn-icon-reign--active{color:#a78bfa;background:#a78bfa1f}.dynamic-camera-banner{opacity:0;max-height:0;margin-bottom:0;transition:max-height .35s,opacity .35s;overflow:hidden}.dynamic-camera-banner.visible{opacity:1;max-height:200px;margin-bottom:12px}.dynamic-camera-banner-inner{background:#63b3ed14;border:1px solid #63b3ed33;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.dynamic-camera-preview{background:#0006;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.dynamic-camera-map{transform-origin:50%;width:100%;height:100%;animation:4s ease-in-out infinite dcam-zoom;position:relative}.dynamic-camera-dot{background:#63b3ed;border-radius:50%;width:6px;height:6px;position:absolute;top:40%;left:55%;box-shadow:0 0 4px #63b3ed}.dynamic-camera-grid-h,.dynamic-camera-grid-v{background:#ffffff0f;position:absolute}.dynamic-camera-grid-h{height:1px;top:50%;left:0;right:0}.dynamic-camera-grid-v{width:1px;top:0;bottom:0;left:50%}@keyframes dcam-zoom{0%{transform:scale(1)translate(0)}15%{transform:scale(1)translate(0)}45%{transform:scale(1.9)translate(-8%,-5%)}75%{transform:scale(1.9)translate(-8%,-5%)}to{transform:scale(1)translate(0)}}.dynamic-camera-text{flex-direction:column;flex:1;gap:6px;display:flex}.dynamic-camera-text strong{color:#ffffffd9;font-size:12px;font-weight:600}.dynamic-camera-text p{color:#ffffff73;margin:0;font-size:11px;line-height:1.5}.dynamic-camera-dismiss{color:#63b3ed;cursor:pointer;background:#63b3ed1a;border:1px solid #63b3ed40;border-radius:5px;align-self:flex-end;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:500;transition:background .15s;display:block}.dynamic-camera-dismiss:hover{background:#63b3ed33}.sp-confirm-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.15s sp-backdrop-in;display:flex;position:fixed;inset:0}@keyframes sp-backdrop-in{0%{opacity:0}to{opacity:1}}.sp-confirm-panel{background:#141820;border:1px solid #ffffff1a;border-radius:16px;width:320px;max-width:calc(100vw - 32px);padding:24px;animation:.18s cubic-bezier(.34,1.56,.64,1) sp-panel-in;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0a}@keyframes sp-panel-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sp-confirm-title{color:#f1f5f9;letter-spacing:-.01em;margin-bottom:8px;font-size:15px;font-weight:700}.sp-confirm-message{color:#94a3b8;margin-bottom:20px;font-size:13px;line-height:1.5}.sp-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.sp-confirm-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.sp-confirm-btn--cancel{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff14}.sp-confirm-btn--cancel:hover{color:#e2e8f0;background:#ffffff1a}.sp-confirm-btn--danger{color:#ef4444;background:#ef444426;border:1px solid #ef444440}.sp-confirm-btn--danger:hover{color:#fff;background:#ef4444;box-shadow:0 4px 14px #ef444459}.sp-confirm-btn--primary{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f640}.sp-confirm-btn--primary:hover{color:#fff;background:#3b82f6;box-shadow:0 4px 14px #3b82f659}.btn-saved{pointer-events:none;align-items:center;gap:4px;display:flex;color:#22c55e!important;background:#22c55e1f!important;border-color:#22c55e40!important}.color-picker-input{cursor:pointer;background:0 0;border:2px solid #ffffff1a;border-radius:6px;width:40px;height:32px;padding:2px}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:4px}.slider-row{flex:1;align-items:center;gap:10px;display:flex}.range-slider{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;flex:1;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#a855f7;border-radius:50%;width:16px;height:16px}.slider-value{color:#94a3b8;text-align:right;min-width:36px;font-size:13px}.interaction-cards{flex-direction:column;gap:8px;margin-bottom:0;display:flex}.interaction-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;transition:background .2s;display:flex}.interaction-card:hover{background:#ffffff0f}.interaction-card-top{justify-content:space-between;align-items:center;display:flex}.interaction-card-header{align-items:center;gap:10px;display:flex}.interaction-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.interaction-card-title{color:#ffffffd9;font-size:13px;font-weight:600}.interaction-card-formula{align-items:center;gap:8px;display:flex}.interaction-input-group{align-items:center;gap:6px;display:flex}.interaction-input{text-align:center;width:52px!important}.interaction-unit{color:#fff6;white-space:nowrap;font-size:12px}.interaction-equals{color:#ffffff40;padding:0 2px;font-size:14px;font-weight:600}.interaction-card--disabled{opacity:.45}.interaction-card--disabled .interaction-card-formula{pointer-events:none}.preset-btn-row{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.preset-btn{text-align:center;color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1 1 0;min-width:44px;padding:7px 4px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.preset-btn:hover{color:#fff;background:#ffffff1a}.preset-btn--active{color:#fff;background:#3b82f6;border-color:#3b82f6}.control-row>.slider-field{box-sizing:border-box;width:100%}.control-row>.slider-field .slider-input{flex:1}.level-cuts-grid{flex-direction:column;gap:8px;margin-top:8px;display:flex}.level-cut-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.level-cut-label{color:#e2e8f0;min-width:64px;font-size:14px;font-weight:600}.camera-mode-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;outline:none;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.camera-mode-card:hover{background:#ffffff0f;border-color:#ffffff24}.camera-mode-card--active{background:#2563eb1f;border-color:#2563eb73;box-shadow:0 0 0 1px #2563eb33}.camera-mode-card--active:hover{background:#2563eb2e}.camera-mode-dot{background:#fff3;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s,box-shadow .15s}.camera-mode-card--active .camera-mode-dot{background:#2563eb;box-shadow:0 0 8px #2563ebb3}.camera-mode-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.camera-mode-title{color:#fffc;font-size:13px;font-weight:500}.camera-mode-card--active .camera-mode-title{color:#fff}.camera-mode-desc{color:#ffffff59;font-size:11px}.sp-map-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px;display:grid}.sp-map-card{cursor:pointer;text-align:center;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 6px 10px;transition:border-color .18s,background .18s,transform .15s;display:flex}.sp-map-card:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.sp-map-card--active{cursor:default;background:#34d39914;border-color:#34d399}.sp-map-card--active:hover{transform:none}.sp-map-thumb-wrap{aspect-ratio:16/9;background:#111;border-radius:6px;width:100%;position:relative;overflow:hidden}.sp-map-thumb{object-fit:cover;width:100%;height:100%;display:block}.sp-map-thumb-icon{object-fit:contain;filter:drop-shadow(0 2px 6px #000c);pointer-events:none;width:48%;max-width:56px;position:absolute;bottom:-6px;right:-6px}.sp-map-active-badge{color:#0a2e22;letter-spacing:.3px;background:#34d399;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:5px;left:5px}.sp-map-name{color:#e2e8f0;margin-top:2px;font-size:12px;font-weight:600}.sp-map-desc{color:#64748b;font-size:10px;line-height:1.3}.sp-map-confirm-panel{background:#1e293b;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;width:480px;max-width:95vw;animation:.18s sp-panel-in;display:flex;overflow:hidden;box-shadow:0 20px 60px #000000b3}.sp-map-confirm-preview{aspect-ratio:16/7;background:#0f172a;width:100%;position:relative;overflow:hidden}.sp-map-confirm-img{object-fit:cover;width:100%;height:100%;display:block}.sp-map-confirm-icon{object-fit:contain;filter:drop-shadow(0 4px 12px #000c);pointer-events:none;height:55%;position:absolute;bottom:-10px;right:16px}.sp-map-confirm-body{padding:20px 24px}.sp-map-confirm-name{color:#f1f5f9;margin:4px 0 8px;font-size:18px;font-weight:700}.level-select{color:#fff;cursor:pointer;appearance:none;background:#00000059 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:5px 24px 5px 8px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s}.level-select:hover:not(:disabled){background-color:#00000080;border-color:#ffffff40}.level-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.level-select:disabled{opacity:.4;cursor:not-allowed}.level-select option{color:#fff;background:#1e293b}