@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--border-angle:0deg}}}.game-layout{background:var(--color-background);width:100%;height:100vh;position:relative;overflow:hidden}.game-header{z-index:9000;-webkit-backdrop-filter:blur(12px)saturate(150%);background:linear-gradient(#001428cc 0%,#000a1eb3 100%);border-bottom:1px solid #00d4ff33;justify-content:space-between;align-items:center;height:4rem;padding:1rem 2rem;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 20px #0000001a}.header-decor-dots{opacity:.4;width:4rem;height:100%;position:absolute;top:0}.header-decor-dots-left{background-image:radial-gradient(circle,#3b82f64d 1px,#0000 2px),radial-gradient(circle,#3b82f64d 1px,#0000 2px);background-position:0 0,6px 6px;background-size:12px 12px;left:30%;transform:skew(-30deg)}.header-decor-dots-right{background-image:radial-gradient(circle,#8b5cf64d 1px,#0000 2px),radial-gradient(circle,#8b5cf64d 1px,#0000 2px);background-position:0 0,6px 6px;background-size:12px 12px;right:30%;transform:skew(30deg)}.header-scanner-line{opacity:.6;background:linear-gradient(90deg,#0000 0%,#3b82f699 20%,#3b82f6cc 50%,#3b82f699 80%,#0000 100%);width:100%;height:2px;animation:4s linear infinite alternate scanner-line;position:absolute;bottom:0;left:0;transform:translateY(2px)}@keyframes scanner-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}.game-title-container{align-items:center;padding-left:2rem;display:flex;position:relative}.game-title-container:before{content:"";background:linear-gradient(to bottom, var(--color-primary), var(--color-secondary));clip-path:polygon(0 0,100% 15%,100% 85%,0 100%);width:8px;height:2rem;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 15px #3b82f699}.game-title-container:after{content:"";opacity:.3;z-index:0;background-image:linear-gradient(90deg,#3b82f633 1px,#0000 1px),linear-gradient(0deg,#3b82f633 1px,#0000 1px);background-size:8px 8px;width:3rem;position:absolute;top:0;bottom:0;left:2.5rem;-webkit-mask-image:linear-gradient(90deg,#000c 0%,#0000 100%);mask-image:linear-gradient(90deg,#000c 0%,#0000 100%)}.game-title{text-transform:uppercase;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000004d);background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700;animation:4s linear infinite title-glow;position:relative}.game-title:before{content:"AKC Universe";z-index:-1;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #00d4ff4d;filter:blur(4px);background:0 0;position:absolute;top:0;left:0}@keyframes title-glow{0%,to{text-shadow:0 0 20px #3b82f680}50%{text-shadow:0 0 30px #00d4ffcc}}.seed-countdown{letter-spacing:.15em;color:#00d4ff99;margin-top:-2px;font-family:monospace;font-size:.6rem;font-weight:600}.header-controls{align-items:center;gap:.5rem;display:flex}.resource-indicators{align-items:center;gap:.5rem;margin-right:.5rem;display:flex}.energy-widget{-webkit-backdrop-filter:blur(8px);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#0f172a80;border:1px solid #facc1533;align-items:center;height:36px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.energy-widget:hover{border-color:#facc1559;box-shadow:0 0 12px #facc151a}.energy-widget-icon{color:#facc15e6;filter:drop-shadow(0 0 4px #facc1580);flex-shrink:0;justify-content:center;align-items:center;width:26px;height:100%;display:flex}.energy-widget-value{color:#e2e8f0f2;text-shadow:0 1px 3px #0009;white-space:nowrap;align-items:center;gap:.15rem;padding:0 .4rem;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;display:flex}.energy-widget-value .energy-current{color:#facc15f2}.energy-widget-value .energy-separator{color:#94a3b880;margin:0 .05rem;font-weight:400}.energy-widget-value .energy-max{color:#94a3b8b3;font-size:.65rem}.energy-recharge-btn{color:#facc15b3;cursor:pointer;z-index:1;background:#facc150d;border:none;border-left:1px solid #facc1526;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:100%;padding:0;font-size:1rem;font-weight:600;transition:all .2s;display:flex;position:relative}.energy-recharge-btn:hover{color:#facc15;background:#facc1526;box-shadow:inset 0 0 12px #facc1526}.energy-recharge-btn:active{background:#facc1533}.energy-gauge{z-index:0;background:linear-gradient(90deg,#facc1599,#facc15e6);height:2px;transition:width .5s;position:absolute;bottom:0;left:0;box-shadow:0 0 6px #facc1566}.energy-gauge:after{content:"";background:#facc15;width:2px;height:4px;position:absolute;top:-1px;right:0;box-shadow:0 0 4px #facc15cc}.weth-widget{-webkit-backdrop-filter:blur(8px);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));cursor:pointer;background:#0f172a80;border:1px solid #3b82f640;align-items:center;height:36px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.weth-widget:hover{border-color:#3b82f666;box-shadow:0 0 12px #3b82f61f}.weth-widget-icon{color:#3b82f6e6;filter:drop-shadow(0 0 4px #3b82f680);flex-shrink:0;justify-content:center;align-items:center;width:26px;height:100%;display:flex}.weth-widget-value{color:#3b82f6f2;text-shadow:0 1px 3px #0009;white-space:nowrap;align-items:center;padding:0 .4rem 0 0;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;display:flex}.weth-widget-label{color:#94a3b899;margin-left:.2rem;font-size:.65rem;font-weight:400}.util-dropdown{position:relative}.util-dropdown-toggle{color:#94a3b8b3;cursor:pointer;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));background:#0f172a80;border:1px solid #64748b33;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.util-dropdown-toggle:hover{color:#e2e8f0e6;border-color:#64748b66}.util-dropdown-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#080c1cf2;border:1px solid #64748b33;flex-direction:row;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.header-action-btn{-webkit-backdrop-filter:blur(8px);color:#e2e8f0d9;letter-spacing:.03em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#0f172a80;border:1px solid #3b82f640;justify-content:center;align-items:center;gap:.35rem;height:36px;padding:0 .65rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.header-action-btn:hover{color:#e2e8f0}.header-action-btn:active{transform:scale(.97)}.header-action-btn.icon-only{width:36px;padding:0}.header-action-btn.accent-purple{border-color:#8b5cf640}.header-action-btn.accent-purple:hover{border-color:#8b5cf673;box-shadow:0 0 12px #8b5cf626,inset 0 0 8px #8b5cf60f}.header-action-btn.accent-purple .btn-icon{color:#a78bfae6;filter:drop-shadow(0 0 3px #8b5cf666)}.header-action-btn.accent-purple .btn-label{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfaf2,#93c5fdf2);-webkit-background-clip:text;background-clip:text}.header-action-btn.accent-blue{border-color:#3b82f640}.header-action-btn.accent-blue:hover{border-color:#3b82f673;box-shadow:0 0 12px #3b82f626,inset 0 0 8px #3b82f60f}.header-action-btn.accent-blue .btn-icon{color:#60a5fae6;filter:drop-shadow(0 0 3px #3b82f666)}.header-action-btn.accent-red{color:#f87171d9;border-color:#f8717140}.header-action-btn.accent-red:hover{color:#f87171;border-color:#f8717173;box-shadow:0 0 12px #ef444426,inset 0 0 8px #ef44440f}.header-action-btn.accent-orange{color:#fb923cd9;border-color:#f9731640}.header-action-btn.accent-orange:hover{color:#fb923c;border-color:#f9731673;box-shadow:0 0 12px #f9731626,inset 0 0 8px #f973160f}.header-action-btn:disabled{opacity:.5;cursor:not-allowed}.header-action-btn:disabled:hover{box-shadow:none;border-color:#3b82f640}.scifi-modal{-webkit-backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:#080c1cf2;border:1px solid #3b82f633;position:relative;overflow:hidden;box-shadow:0 0 40px #00000080,0 0 20px #3b82f614}.scifi-modal-header{background:linear-gradient(135deg,#3b82f60f,#8b5cf60f);border-bottom:1px solid #3b82f626;position:relative}.scifi-modal-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#3b82f680 50%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.scifi-card{clip-path:polygon(-1px -1px,calc(100% - 5px) -1px,calc(100% + 1px) 5px,calc(100% + 1px) calc(100% + 1px),5px calc(100% + 1px),-1px calc(100% - 5px));background:#0f172a80;border:1px solid #3b82f626;position:relative}.scifi-card.accent-yellow{background:linear-gradient(135deg,#facc150a,#0f172a80);border-color:#facc1533}.scifi-card.accent-blue{background:linear-gradient(135deg,#3b82f60f,#0f172a80);border-color:#3b82f640}.scifi-card.accent-purple{background:linear-gradient(135deg,#8b5cf60f,#0f172a80);border-color:#8b5cf640}.scifi-card.accent-green{background:linear-gradient(135deg,#4ade800f,#0f172a80);border-color:#4ade8040}.scifi-card.accent-red{background:linear-gradient(135deg,#f871710f,#0f172a80);border-color:#f8717140}.scifi-card .card-icon{filter:drop-shadow(0 0 3px)}.scifi-btn{cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));justify-content:center;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.scifi-btn:active:not(:disabled){transform:scale(.97)}.scifi-btn:disabled{opacity:.5;cursor:not-allowed}.scifi-btn-primary{color:#e2e8f0f2;background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border:1px solid #3b82f659}.scifi-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f666,#8b5cf666);border-color:#3b82f680;box-shadow:0 0 14px #3b82f633,inset 0 0 8px #3b82f614}.scifi-btn-secondary{color:#94a3b8e6;background:#0f172a80;border:1px solid #94a3b833}.scifi-btn-secondary:hover:not(:disabled){color:#e2e8f0f2;background:#1e293b80;border-color:#94a3b859}.scifi-preset-btn{letter-spacing:.04em;color:#94a3b8cc;cursor:pointer;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));background:#0f172a80;border:1px solid #3b82f626;flex:1;padding:.3rem .5rem;font-size:.7rem;font-weight:600;transition:all .15s}.scifi-preset-btn:hover:not(:disabled){color:#e2e8f0e6;border-color:#3b82f64d}.scifi-preset-btn.active{color:#e2e8f0;background:#3b82f633;border-color:#3b82f680;box-shadow:0 0 8px #3b82f626}.scifi-preset-btn.max-preset{border-color:#facc154d}.scifi-preset-btn.max-preset.active{border-color:#facc1580;box-shadow:0 0 8px #facc1526}.scifi-preset-btn:disabled{opacity:.5;cursor:not-allowed}.scifi-energy-bar{clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));background:#0f172acc;border:1px solid #3b82f61a;height:6px;position:relative;overflow:hidden}.scifi-energy-bar .bar-fill{transition:width .3s;position:absolute;inset:0}.scifi-energy-bar .bar-fill.current{background:linear-gradient(90deg,#facc1599,#facc15e6);box-shadow:0 0 6px #facc1566}.scifi-energy-bar .bar-fill.current.low{background:linear-gradient(90deg,#ef444499,#f97316e6);box-shadow:0 0 6px #ef444466}.scifi-energy-bar .bar-fill.projected{background:linear-gradient(90deg,#4ade8080,#34d399cc);box-shadow:0 0 6px #4ade804d}.scifi-success-icon-wrapper{filter:drop-shadow(0 0 1.5px #4ade8080)}.scifi-success-icon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#4ade801a;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.wallet-btn{-webkit-backdrop-filter:blur(8px);color:#e2e8f0e6;letter-spacing:.03em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#0f172a80;border:1px solid #3b82f64d;justify-content:center;align-items:center;gap:.4rem;height:36px;padding:0 .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;overflow:hidden}.wallet-btn:active{transform:scale(.97)}.wallet-btn:disabled{opacity:.6;cursor:not-allowed}.wallet-btn-connect{background:linear-gradient(135deg,#00d4ff14,#3b82f614);border-color:#00d4ff4d}.wallet-btn-connect:hover{color:#e2e8f0;border-color:#00d4ff80;box-shadow:0 0 14px #00d4ff33,inset 0 0 10px #00d4ff0f}.wallet-btn-connect svg{color:#00d4ffe6;filter:drop-shadow(0 0 3px #00d4ff66)}.wallet-btn-sign{background:linear-gradient(135deg,#8b5cf614,#a78bfa14);border-color:#8b5cf64d}.wallet-btn-sign:hover{color:#e2e8f0;border-color:#8b5cf680;box-shadow:0 0 14px #8b5cf633,inset 0 0 10px #8b5cf60f}.wallet-btn-sign svg{color:#a78bfae6;filter:drop-shadow(0 0 3px #8b5cf666)}.wallet-btn-connected{border-color:#4ade8033;gap:.5rem}.wallet-btn-connected:hover{border-color:#4ade8066;box-shadow:0 0 12px #4ade801f}.wallet-status-dot{background:#4ade80e6;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #4ade8099}.wallet-address{color:#e2e8f0cc;letter-spacing:.02em;font-family:Courier New,monospace;font-size:.75rem;font-weight:500}.wallet-btn-connected:hover .wallet-address{color:#e2e8f0}.nav-indicators{-webkit-backdrop-filter:blur(10px)saturate(150%);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:#0f172a4d;border:1px solid #3b82f64d;border-radius:0;gap:0;padding:0;display:flex;position:absolute;top:.8rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 20px #3b82f64d,inset 0 0 8px #3b82f633}.nav-indicators:before{content:"";background:linear-gradient(45deg,#0000 30%,#00d4ff26 50%,#0000 70%);animation:5s infinite alternate nav-shimmer;position:absolute;inset:0}@keyframes nav-shimmer{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}.nav-indicators:after{content:"";background:linear-gradient(90deg,#3b82f600 0%,#3b82f6cc 50%,#3b82f600 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.nav-indicator{letter-spacing:.1em;color:#e2e8f0e6;text-shadow:0 1px 2px #00000080;cursor:pointer;padding:.5rem 1.5rem;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-indicator:before{content:"";z-index:-1;background:#3b82f600;transition:all .3s;position:absolute;inset:0}.nav-indicator:hover{color:#e2e8f0;text-shadow:0 0 5px #3b82f6cc}.nav-indicator:hover:before{background:#3b82f626}.nav-indicator.active{color:var(--color-text-primary);text-shadow:0 0 8px #00d4ffcc;background:linear-gradient(135deg,#00d4ff40,#ff00ff40);box-shadow:inset 0 0 20px #00d4ff66,0 0 25px #00d4ff66}.nav-indicator.cursor-not-allowed{opacity:.4;cursor:not-allowed}.nav-indicator.active:before{background:#3b82f633}.nav-compact{z-index:1;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-width:1011px) and (max-width:1220px){.nav-indicators{display:none}.nav-compact{display:flex}}.game-area{width:100%;height:100vh;position:absolute;inset:0;overflow:hidden}.scene-transition{z-index:45;opacity:0;pointer-events:none;will-change:opacity;background:#040610;justify-content:center;align-items:center;transition:opacity .3s ease-in;display:flex;position:absolute;inset:0;overflow:hidden}.scene-transition.fade-in{opacity:1;pointer-events:all}.scene-transition.fade-out{opacity:0;pointer-events:none;transition:opacity .5s ease-out}.st-starfield{position:absolute;inset:0;overflow:hidden}.st-stars-layer{will-change:transform;position:absolute;inset:0}.st-stars-1{background-image:radial-gradient(1px 1px at 23px 17px,#fff9,#0000),radial-gradient(1px 1px at 129px 43px,#ffffffb3,#0000),radial-gradient(1px 1px at 42px 142px,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 186px 31px,#c8dcffcc,#0000),radial-gradient(1px 1px at 233px 98px,#fff9,#0000),radial-gradient(1px 1px at 327px 76px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 389px 112px,#c8d2ffcc,#0000),radial-gradient(1px 1px at 476px 143px,#ffffff80,#0000),radial-gradient(1px 1px at 73px 279px,#fff9,#0000),radial-gradient(1px 1px at 203px 378px,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 349px 419px,#c8dcff99,#0000),radial-gradient(1px 1px at 503px 413px,#ffffff80,#0000);background-size:550px 500px;animation:80s linear infinite st-stars-drift}.st-stars-2{opacity:.7;background-image:radial-gradient(2px 2px at 87px 63px,#b4c8ffe6,#0000),radial-gradient(2px 2px at 263px 76px,#ffdcc8b3,#0000),radial-gradient(2px 2px at 417px 49px,#c8ffdc99,#0000),radial-gradient(2px 2px at 157px 293px,#dcc8ffb3,#0000),radial-gradient(2px 2px at 359px 276px,#ffe6c899,#0000),radial-gradient(2px 2px at 461px 213px,#c8dcffcc,#0000);background-size:550px 400px;animation:120s linear infinite reverse st-stars-drift}@keyframes st-stars-drift{0%{transform:translate(0)}to{transform:translateY(500px)}}.st-scanlines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#3b82f604 2px 4px);position:absolute;inset:0}.st-hud-container{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));z-index:2;text-align:center;background:#080c1ceb;border:1px solid #3b82f640;width:340px;max-width:90vw;padding:28px 24px 20px;position:relative}.st-holo-corner{pointer-events:none;z-index:3;width:20px;height:20px;position:absolute}.st-corner-tl{border-top:2px solid #3b82f699;border-left:2px solid #3b82f699;top:6px;left:6px}.st-corner-tr{border-top:2px solid #3b82f699;border-right:2px solid #3b82f699;top:6px;right:18px}.st-corner-bl{border-bottom:2px solid #3b82f699;border-left:2px solid #3b82f699;bottom:18px;left:6px}.st-corner-br{border-bottom:2px solid #3b82f699;border-right:2px solid #3b82f699;bottom:6px;right:6px}.st-accent-line{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#3b82f680 20%,#8b5cf680 80%,#0000 100%);height:1px;position:absolute;left:0;right:0}.st-accent-top{top:0}.st-accent-bottom{bottom:0}.st-label{letter-spacing:.2em;color:#3b82f699;text-transform:uppercase;margin-bottom:12px;font-family:monospace;font-size:.6rem}.st-target-name{letter-spacing:.06em;text-transform:uppercase;color:#0000;filter:drop-shadow(0 0 8px #3b82f666);background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.25rem;font-weight:700}.st-status{color:#94a3b8b3;letter-spacing:.05em;margin-bottom:20px;font-family:monospace;font-size:.75rem}.st-progress-section{margin-bottom:16px;position:relative}.st-progress-label{letter-spacing:.1em;color:#94a3b899;text-transform:uppercase;justify-content:space-between;margin-bottom:6px;font-family:monospace;font-size:.6rem;display:flex}.st-progress-value{color:#3b82f6e6;font-weight:600}.st-progress-track{clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));background:#0f172acc;border:1px solid #3b82f633;width:100%;height:6px;position:relative;overflow:hidden}.st-progress-fill{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:transform .3s ease-out;position:absolute;inset:0}.st-progress-glow{transform-origin:0;will-change:transform;pointer-events:none;background:radial-gradient(#8b5cf680,#0000);width:20px;transition:transform .3s ease-out;position:absolute;top:-4px;bottom:-4px}.st-progress-segments{pointer-events:none;height:6px;position:absolute;top:0;left:0;right:0}.st-segment-mark{background:#080c1c80;width:1px;height:100%;position:absolute;top:0}.st-readout{letter-spacing:.08em;color:#4ade8080;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;font-family:monospace;font-size:.55rem;animation:3s ease-in-out infinite st-readout-pulse;display:flex}.st-readout-dot{background:#4ade8066;border-radius:50%;width:3px;height:3px;display:inline-block}@keyframes st-readout-pulse{0%,to{opacity:.5}50%{opacity:1}}.st-scanner-sweep{pointer-events:none;z-index:1;will-change:transform;background:linear-gradient(#0000 0% 45%,#3b82f60a 48%,#3b82f614 50%,#3b82f60a 52%,#0000 55% 100%);animation:4s ease-in-out infinite st-scanner;position:absolute;inset:0}@keyframes st-scanner{0%,to{transform:translateY(-60%)}50%{transform:translateY(60%)}}@media (max-width:480px){.st-hud-container{padding:20px 16px 16px}.st-target-name{font-size:1.05rem}.st-readout{gap:5px;font-size:.5rem}}.scene-loading-overlay{z-index:50;opacity:1;background:#040610;justify-content:center;align-items:center;transition:opacity .4s ease-out;display:flex;position:absolute;inset:0;overflow:hidden}.scene-loading-overlay.scene-loading-done{opacity:0;pointer-events:none}.game-scene-container{z-index:0;width:100%;height:100%;position:absolute;inset:0}.game-scene-container>*{width:100%;height:100%}.game-area:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#000a144d 0%,#000a141a 50%,#0000 100%);height:8rem;position:absolute;top:0;left:0;right:0}.mobile-header{align-items:center;gap:.75rem;width:100%;display:flex}.mobile-header-nav{flex:1;justify-content:center;align-items:center;display:flex}.mobile-header-nav-group{-webkit-backdrop-filter:blur(10px)saturate(150%);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#0f172a4d;border:1px solid #3b82f64d;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #3b82f633,inset 0 0 6px #3b82f61a}.mobile-header-nav-group:after{content:"";background:linear-gradient(90deg,#3b82f600 0%,#3b82f6cc 50%,#3b82f600 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.mobile-header-nav-btn{color:#e2e8f08c;cursor:pointer;background:0 0;border:none;border-right:1px solid #3b82f626;justify-content:center;align-items:center;width:40px;height:34px;padding:0;transition:all .25s;display:flex;position:relative}.mobile-header-nav-btn:last-child{border-right:none}.mobile-header-nav-btn.active{color:#e2e8f0;text-shadow:0 0 8px #00d4ffcc;background:linear-gradient(135deg,#00d4ff40,#ff00ff40);box-shadow:inset 0 0 20px #00d4ff66,0 0 15px #00d4ff4d}.mobile-header-nav-btn.disabled{opacity:.35;cursor:not-allowed}.mobile-header-nav-btn:not(.disabled):not(.active):active{color:#e2e8f0d9;background:#3b82f626}.mobile-header-energy{flex-shrink:0}.mobile-menu-button{-webkit-backdrop-filter:blur(8px);color:#e2e8f0e6;cursor:pointer;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));background:#0f172a80;border:1px solid #3b82f640;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mobile-menu-button:active{background:#3b82f626;border-color:#3b82f666}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);z-index:9500;opacity:0;visibility:hidden;background:#0009;transition:all .3s;display:flex;position:fixed;inset:4rem 0 0}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{-webkit-backdrop-filter:blur(16px)saturate(150%);background:#080c1cf5;border-right:1px solid #3b82f633;flex-direction:column;width:82%;max-width:320px;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(-100%);box-shadow:4px 0 30px #00000080,0 0 20px #3b82f60f}.mobile-menu.active{transform:translate(0)}.mobile-menu-header{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-bottom:1px solid #3b82f61f;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex;position:relative}.mobile-menu-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#3b82f666 50%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.mobile-menu-title-group{align-items:center;gap:.6rem;display:flex}.mobile-menu-accent-bar{background:linear-gradient(#3b82f6e6,#8b5cf6e6);flex-shrink:0;width:3px;height:1.1rem}.menu-title{letter-spacing:.08em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e2e8f0f2,#94a3b8d9);-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:700}.menu-close{color:#e2e8f0b3;cursor:pointer;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));background:#0f172a80;border:1px solid #3b82f633;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.menu-close:active{color:#e2e8f0;background:#3b82f626;border-color:#3b82f666}.mobile-menu-content{flex:1;overflow-y:auto}.mobile-menu-section{border-bottom:1px solid #3b82f614;padding:1rem 1.25rem}.mobile-menu-section-label{letter-spacing:.12em;color:#3b82f680;align-items:center;gap:.6rem;margin-bottom:.65rem;font-size:.6rem;font-weight:700;display:flex}.mobile-menu-section-label:after{content:"";background:linear-gradient(90deg,#3b82f626,#0000);flex:1;height:1px}.mobile-nav{flex-direction:column;gap:.3rem;display:flex}.mobile-nav-item{color:#e2e8f0bf;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));border:1px solid #0000;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.mobile-nav-item.active{color:#e2e8f0;background:linear-gradient(135deg,#00d4ff1a,#8b5cf61a);border-color:#3b82f64d;box-shadow:inset 0 0 12px #3b82f614}.mobile-nav-item:not(.disabled):not(.active):active{background:#3b82f614;border-color:#3b82f626}.mobile-nav-item.disabled{opacity:.35;cursor:not-allowed}.mobile-nav-item:not(.disabled):not(.active){cursor:pointer}.mobile-nav-icon{clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));background:#0f172a80;border:1px solid #3b82f626;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mobile-nav-item.active .mobile-nav-icon{color:#60a5fa;filter:drop-shadow(0 0 3px #3b82f64d);background:#3b82f61f;border-color:#3b82f666}.mobile-menu-items,.mobile-menu-actions{flex-direction:column;gap:.5rem;display:flex}.mobile-menu-actions .header-action-btn{justify-content:flex-start;gap:.6rem;width:100%;height:40px;padding:0 .75rem}.mobile-resource-item{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#0f172a66;border:1px solid #facc151f;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex;position:relative;overflow:hidden}.mobile-resource-name{color:#e2e8f0cc;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}.mobile-resource-name svg{color:#facc15e6;filter:drop-shadow(0 0 3px #facc1566)}.mobile-resource-value{align-items:center;gap:.4rem;display:flex}.mobile-energy-bar{clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));background:#0f172acc;border:1px solid #facc151f;width:50px;height:6px;position:relative;overflow:hidden}.mobile-energy-fill{background:linear-gradient(90deg,#facc1580,#facc15e6);transition:width .5s;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 4px #facc1566}.mobile-energy-text{color:#facc15d9;white-space:nowrap;font-family:Courier New,monospace;font-size:.7rem;font-weight:600}.mobile-energy-recharge-btn{color:#facc15e6;cursor:pointer;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));background:#facc1514;border:1px solid #facc1540;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.mobile-energy-recharge-btn:active{background:#facc1533;border-color:#facc1580}.mobile-menu-wallet{background:linear-gradient(#0000,#3b82f605);border-top:1px solid #3b82f61f;flex-shrink:0;margin-top:auto;padding:1rem 1.25rem}.mobile-menu-wallet .wallet-btn{justify-content:center;width:100%}.game-status-indicators{z-index:10;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.status-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0e6;background:#0f172ab3;border:1px solid #3b82f64d;border-radius:1rem;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.85rem;display:flex}.status-icon{color:#3b82f6e6;justify-content:center;align-items:center;display:flex}.status-alert{border-color:#ef444480}.status-alert .status-icon{color:#ef4444e6}@media (max-width:1010px),(max-height:500px) and (max-width:1024px){.game-header{padding:.75rem 1rem}.resource-indicators,.nav-indicators{display:none}.game-title{font-size:1.1rem}.game-title-container{padding-left:1rem}.game-title-container:after{display:none}}.control-panel{z-index:100;position:relative}canvas{display:block;width:100%!important;height:100%!important}.universe-view,.galaxy-view,.planet-view{width:100%;height:100%;position:absolute;top:0;left:0}.planet-terrestrial{-webkit-text-fill-color:#fff;-webkit-text-stroke:1px #34d39966;color:#fff}.planet-ocean{-webkit-text-fill-color:#fff;-webkit-text-stroke:1px #3b82f666;color:#fff}.planet-desert{-webkit-text-fill-color:#fff;-webkit-text-stroke:1px #fbbf2466;color:#fff}.planet-ice{-webkit-text-fill-color:#fff;-webkit-text-stroke:1px #a7f3ff66;color:#fff}.planet-gas{-webkit-text-fill-color:#fff;-webkit-text-stroke:1px #c084fc66;color:#fff}.planet-lava{-webkit-text-fill-color:#fff;-webkit-text-stroke:1px #ef444466;color:#fff}.planet-asteroid{-webkit-text-fill-color:#fff;-webkit-text-stroke:1px #9ca3af66;color:#fff}.lore-volume-control{gap:0;padding-right:2px}.lore-volume-slider{appearance:none;background:linear-gradient(to right, var(--lore-accent,#86d5ff) 0%, var(--lore-accent,#86d5ff) calc(var(--lore-fill,100%)), #94a3b859 calc(var(--lore-fill,100%)), #94a3b859 100%);cursor:pointer;opacity:0;pointer-events:none;border-radius:999px;outline:none;width:0;height:4px;margin-left:0;margin-right:0;transition:width .18s,margin .18s,opacity .18s}.lore-volume-control:hover .lore-volume-slider,.lore-volume-control:focus-within .lore-volume-slider{opacity:1;pointer-events:auto;width:70px;margin-left:4px;margin-right:8px}.lore-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--lore-accent,#86d5ff);width:11px;height:11px;box-shadow:0 0 6px var(--lore-accent,#86d5ff);cursor:pointer;border:1px solid #080c1ce6;border-radius:999px;transition:transform .12s}.lore-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.lore-volume-slider:focus::-webkit-slider-thumb{transform:scale(1.15)}.lore-volume-slider::-moz-range-thumb{background:var(--lore-accent,#86d5ff);width:11px;height:11px;box-shadow:0 0 6px var(--lore-accent,#86d5ff);cursor:pointer;border:1px solid #080c1ce6;border-radius:999px}.lore-volume-slider::-moz-range-track{background:0 0;border-radius:999px;height:4px}.lore-video-container:fullscreen{aspect-ratio:auto;clip-path:none;border-radius:0;width:100vw;height:100vh}.lore-video-container:fullscreen video{object-fit:contain}.game-hud{pointer-events:none}.game-hud>*{pointer-events:auto}.game-hud button{-webkit-tap-highlight-color:transparent;outline:none}.holo-scanline{opacity:.7;pointer-events:none;z-index:100;background:linear-gradient(90deg,#0000 0%,#3b82f666 50%,#0000 100%);height:2px;animation:8s linear infinite scanline;position:absolute;top:0;left:0;right:0}@keyframes scanline{0%{opacity:0;transform:translateY(-100%)}10%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translateY(1000px)}}.holo-corners{pointer-events:none;z-index:100;position:absolute;inset:0}.holo-corner{pointer-events:none;width:50px;height:50px;position:absolute}.holo-corner-tl{border-top:2px solid #3b82f6b3;border-left:2px solid #3b82f6b3;top:10px;left:10px}.holo-corner-tr{border-top:2px solid #3b82f6b3;border-right:2px solid #3b82f6b3;top:10px;right:10px}.holo-corner-bl{border-bottom:2px solid #3b82f6b3;border-left:2px solid #3b82f6b3;bottom:10px;left:10px}.holo-corner-br{border-bottom:2px solid #3b82f6b3;border-right:2px solid #3b82f6b3;bottom:10px;right:10px}.panel-gradient-top{transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#3b82f6b3 0%,#0000 100%);width:100%;height:1px;position:absolute;top:0;left:0;transform:scaleX(.7)}.panel-gradient-bottom{transform-origin:100%;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#3b82f6b3 100%);width:100%;height:1px;position:absolute;bottom:0;right:0;transform:scaleX(.7)}.hud-nav-gradient{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#3b82f6b3 50%,#0000 100%);width:100%;height:2px;position:absolute;top:0;left:0}.slider-track{width:100%;height:100%;position:relative}.slider-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);height:100%;transition:width .15s;position:absolute}.slider-thumb{cursor:grab;background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.slider-thumb:hover{transform:translate(-50%,-50%)scale(1.1)}.slider-thumb:active{cursor:grabbing}.panel-title{text-shadow:0 0 1px #ffffff1a;background-image:linear-gradient(90deg,#fff,#c8d2e6f2)}.count-badge{animation:.3s ease-out fadeIn}.nav-item{clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);position:relative;overflow:hidden}.nav-item:before{content:"";background:linear-gradient(90deg,#0000,#3b82f633,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.nav-item:hover:before{left:100%}.hud-panel-section{-webkit-backdrop-filter:blur(12px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#080c1ceb;border:1px solid #3b82f633;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,0 0 15px #3b82f60d}.hud-panel-section:hover{border-color:#3b82f659;box-shadow:0 6px 24px #00000059,0 0 20px #3b82f61a}.hud-nav-panel{-webkit-backdrop-filter:blur(12px);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#080c1ceb;border:1px solid #3b82f633;flex-direction:column;gap:.75rem;max-width:100%;margin-bottom:1rem;padding:.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,0 0 15px #3b82f60d}.hud-panel-icon{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:#0f172acc;border:1px solid #3b82f640;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.hud-panel-toggle{color:#94a3b8cc;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);background:#0f172a99;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .3s;display:flex}.hud-panel-toggle:hover{color:#3b82f6e6;background:#0f172acc;transform:scale(1.1)}.hud-stat-badge{clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px)}.hud-icon-btn{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);cursor:pointer;color:#94a3b8e6;background:#0f172acc;border:1px solid #3b82f640;justify-content:center;align-items:center;transition:all .2s;display:flex}.hud-icon-btn:hover{color:#3b82f6;background:#080c1cf2;transform:scale(1.1);box-shadow:0 0 10px #3b82f640}.hud-icon-btn.sm{width:1.5rem;height:1.5rem}.hud-icon-btn.md{color:#3b82f6;width:1.75rem;height:1.75rem}.hud-icon-btn.md:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.hud-toggle-btn{z-index:1000;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);color:#e2e8f0e6;cursor:pointer;background:#0f172ae6;border:1px solid #3b82f666;border-left:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .3s;display:flex;position:fixed;top:5rem;left:0;box-shadow:2px 0 12px #0000004d}.hud-toggle-btn:hover{background:#0f172af2;border-color:#3b82f699;box-shadow:2px 0 16px #3b82f633}.hud-quality-btn{color:#cbd5e1cc;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);cursor:pointer;background:#0f172a99;border:1px solid #3b82f633;flex:1;padding:.375rem .5rem;font-size:.75rem;transition:all .2s}.hud-quality-btn:hover{background:#0f172acc;border-color:#3b82f666;transform:translateY(-1px)}.hud-quality-btn.active{color:#fff;background:#3b82f64d;border-color:#3b82f6cc;box-shadow:0 0 10px #3b82f64d}.hud-version-badge{clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);color:#60a5fab3;border:1px solid #3b82f64d;justify-content:center;align-items:center;padding:.25rem .625rem;display:flex}.hud-toggle-btn-right{z-index:20;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);color:#e2e8f0e6;cursor:pointer;background:#0f172ae6;border:1px solid #3b82f666;border-right:none;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .3s;display:flex;position:fixed;top:5rem;right:0;box-shadow:-2px 0 12px #0000004d}.hud-toggle-btn-right:hover{background:#0f172af2;border-color:#3b82f699;box-shadow:-2px 0 16px #3b82f633}.scan-mode-active [data-mission-label]{display:none!important}.clip-angular-sm{clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.clip-angular-md{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.clip-angular-lg{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.clip-angular-xl{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.panel-header{background:linear-gradient(135deg,#3b82f60d,#8b5cf60a);position:relative}.panel-header:after{content:"";background:linear-gradient(90deg,#0000 0%,#3b82f666 50%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.panel-content{transition:max-height .3s ease-in-out,padding .3s ease-in-out}.scrollbar-thin::-webkit-scrollbar{opacity:0;width:6px;transition:opacity .3s}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{opacity:0;background-color:#3b82f666;border-radius:3px;transition:opacity .3s}.scrollbar-thin:hover::-webkit-scrollbar-thumb{opacity:1}.scrollbar-thin::-webkit-scrollbar-thumb:active{opacity:1}.scrollbar-thin:hover::-webkit-scrollbar-track{background:#1e293b4d}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}.scrollbar-thin:hover{scrollbar-color:#3b82f666 #1e293b4d}.scrollbar-thin>div{padding-bottom:60px!important}@keyframes scrollbar-glow{0%,to{box-shadow:inset 0 0 3px #93c5fd80,0 0 8px #3b82f666}50%{box-shadow:inset 0 0 5px #93c5fdb3,0 0 15px #3b82f699}}.hud-panels:hover::-webkit-scrollbar-thumb{animation:2s ease-in-out infinite scrollbar-glow}.animate-fadeIn{animation:.3s ease-out fadeIn}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (max-width:768px){.hud-panels{padding-bottom:60px}.game-hud{overflow-anchor:none;max-height:100vh;overflow-y:auto}}.hud-panels{min-height:0}.help-panel-section{margin-bottom:1rem}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.animate-shimmer{animation:3s infinite shimmer}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:8s linear infinite spin-slow}.stat-item{position:relative;overflow:hidden}.stat-item:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.stat-item:hover:before{left:100%}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.8}}.nft-card-glow{box-shadow:0 0 20px #a855f733,0 0 40px #a855f71a,inset 0 0 20px #a855f70d}@keyframes ready-pulse{0%,to{opacity:.4}50%{opacity:.6}}.mission-launch-ready{animation:3s ease-in-out infinite ready-pulse}.grid-background{background-image:linear-gradient(#3b82f61a 1px,#0000 1px),linear-gradient(90deg,#3b82f61a 1px,#0000 1px);background-size:20px 20px}.circular-progress{transform-origin:50%;transform:rotate(-90deg)}@keyframes launch-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes launch-title-in{0%{opacity:0;filter:blur(4px);transform:translateY(-12px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes launch-row-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes launch-ambient-dot{0%,to{opacity:0;transform:scale(0)}50%{opacity:.4;transform:scale(1)}}.scifi-btn{padding:.5rem 1.25rem}.scifi-card{padding:.75rem 1rem}.bridge-scanlines{pointer-events:none;z-index:15;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#3b82f603 2px 4px);position:fixed;inset:0}.bridge-title-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4a9eff 0%,#a855f7 50%,#ec4899 100%) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite bridge-gradient-shift}@keyframes bridge-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bridge-header-bar{border-bottom:1px solid #3b82f61a;justify-content:space-between;align-items:center;padding:.6rem 1.25rem;display:flex;position:relative}.bridge-header-bar:after{content:"";background:linear-gradient(90deg,#3b82f666,#0000);width:30%;height:1px;position:absolute;bottom:0;left:0}.bridge-glass{-webkit-backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#080c1c59;border:1px solid #3b82f614}.bridge-separator{background:linear-gradient(90deg,#0000,#3b82f626 20% 80%,#0000);height:1px}.bridge-direction-flow{cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:0;transition:filter .2s;display:flex}.bridge-direction-flow:hover:not(:disabled){filter:drop-shadow(0 0 10px #3b82f626)}.bridge-direction-flow:hover:not(:disabled) .bridge-direction-swap-icon{color:#e2e8f0;background:#3b82f626;border-color:#3b82f680}.bridge-direction-flow:active:not(:disabled) .bridge-direction-swap-icon{transform:rotate(180deg)}.bridge-direction-flow:disabled{opacity:.5;cursor:not-allowed}.bridge-direction-node{text-align:center;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));flex:1;padding:.5rem}.bridge-direction-node .chain-label{letter-spacing:.1em;text-transform:uppercase;opacity:.5;font-size:.65rem;font-weight:600;line-height:1;display:block}.bridge-direction-node .chain-name{letter-spacing:.06em;margin-top:2px;font-size:.85rem;font-weight:800;line-height:1;display:block}.bridge-direction-node.eth{background:linear-gradient(135deg,#3b82f633,#8b5cf626);border:1px solid #3b82f640}.bridge-direction-node.eth .chain-label{color:#93b2f4b3}.bridge-direction-node.eth .chain-name{color:#93b2f4;text-shadow:0 0 10px #3b82f666}.bridge-direction-node.base{background:linear-gradient(135deg,#00d4ff26,#06b6d41f);border:1px solid #00d4ff40}.bridge-direction-node.base .chain-label{color:#67daf3b3}.bridge-direction-node.base .chain-name{color:#67daf3;text-shadow:0 0 10px #00d4ff66}.bridge-direction-swap-icon{color:#94a3b880;background:#0f172a80;border:1px solid #3b82f626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .25s;display:flex}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.bridge-nft-wrapper{cursor:pointer;transition:filter .2s;position:relative;overflow:visible}.bridge-nft-wrapper:hover:not(.disabled){filter:drop-shadow(0 0 8px #3b82f633)}.bridge-nft-wrapper.disabled{opacity:.5;cursor:not-allowed}.bridge-nft-wrapper.selected:before{content:"";z-index:0;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));animation:3s linear infinite border-rotate;position:absolute;inset:-2px}.bridge-nft-wrapper.selected.eth:before{background:conic-gradient(from var(--border-angle), transparent 0%, transparent 55%, #3b82f64d 65%, #3b82f6e6 75%, #8b5cf6e6 85%, #3b82f64d 95%, transparent 100%)}.bridge-nft-wrapper.selected.base:before{background:conic-gradient(from var(--border-angle), transparent 0%, transparent 55%, #00d4ff4d 65%, #00d4ffe6 75%, #06b6d4e6 85%, #00d4ff4d 95%, transparent 100%)}@keyframes border-rotate{to{--border-angle:360deg}}.bridge-nft-wrapper.selected.eth{filter:drop-shadow(0 0 8px #3b82f666)drop-shadow(0 0 3px #8b5cf633)}.bridge-nft-wrapper.selected.base{filter:drop-shadow(0 0 8px #00d4ff66)drop-shadow(0 0 3px #06b6d433)}.bridge-nft-card{z-index:1;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#0f172a80;border:1px solid #3b82f626;transition:border-color .2s;position:relative;overflow:hidden}.bridge-nft-card.selected.eth{border-color:#3b82f680}.bridge-nft-card.selected.base{border-color:#00d4ff80}.bridge-nft-card.disabled{cursor:not-allowed}.bridge-chain-badge{letter-spacing:.05em;color:#e2e8f0f2;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.bridge-chain-badge.eth{background:linear-gradient(135deg,#3b82f659,#8b5cf659);border:1px solid #3b82f666}.bridge-chain-badge.base{background:linear-gradient(135deg,#00d4ff4d,#06b6d44d);border:1px solid #00d4ff66}.bridge-page-btn{color:#94a3b8cc;cursor:pointer;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));background:#0f172a80;border:1px solid #3b82f626;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .15s}.bridge-page-btn:hover:not(:disabled):not(.active){color:#e2e8f0e6;border-color:#3b82f64d}.bridge-page-btn.active{color:#e2e8f0;filter:drop-shadow(0 0 6px #3b82f633);background:#3b82f633;border-color:#3b82f680}.bridge-page-btn:disabled{opacity:.4;cursor:not-allowed}.bridge-spinner{border:2px solid #3b82f6cc;border-color:#3b82f6cc #8b5cf699 #3b82f626 #3b82f626;border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem;animation:.8s linear infinite bridge-spin}@keyframes bridge-spin{to{transform:rotate(360deg)}}.bridge-input{color:#e2e8f0f2;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#0f172a80;border:1px solid #3b82f633;outline:none;padding:.5rem .75rem;font-family:Courier New,monospace;font-size:.85rem;transition:border-color .2s}.bridge-input::placeholder{color:#94a3b880}.bridge-input:focus{border-color:#3b82f680}.bridge-input:disabled{opacity:.5;cursor:not-allowed}.bridge-progress-track{clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px));background:#0f172acc;border:1px solid #3b82f626;width:100%;height:6px;position:relative;overflow:hidden}.bridge-progress-fill{background:linear-gradient(90deg,#3b82f6b3,#8b5cf6cc);transition:width .3s;position:absolute;top:0;bottom:0;left:0}.bridge-step-line{background:linear-gradient(90deg,#3b82f633,#8b5cf633);flex:1;height:2px;margin:0 .5rem}.bridge-step-line.completed{background:linear-gradient(90deg,#4ade8066,#34d39966)}.bridge-arrow-bounce{animation:1s ease-in-out infinite bridge-arrow-bounce}@keyframes bridge-arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.bridge-passes-card{position:relative;overflow:visible}.bridge-passes-card:before{content:"";z-index:0;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:conic-gradient(from var(--border-angle), transparent 0%, transparent 50%, #00d4ff40 60%, #00d4ffcc 72%, #06b6d4cc 82%, #00d4ff40 92%, transparent 100%);animation:3s linear infinite border-rotate;position:absolute;inset:-2px}.bridge-passes-card-inner{z-index:1;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));background:#080c1ceb;border:1px solid #00d4ff59;padding:.6rem .75rem;position:relative}.bridge-home-btn svg{color:#a855f7;filter:drop-shadow(0 0 4px #a855f766);transition:all .2s}.bridge-home-btn:hover svg{color:#c084fc;filter:drop-shadow(0 0 6px #a855f799)}@media (max-width:1023px){.bridge-sidebar{width:100%!important}}