.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 10%,#0c1a40,#060e24,#030612);border-bottom:1px solid rgba(0,240,255,.22);padding:calc(16px + env(safe-area-inset-top)) clamp(14px,3.5vw,36px) clamp(24px,5vw,44px)}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00f0ff 30%,#8b5cf6 70%,transparent);box-shadow:0 0 16px #00f0ffcc}.hero__orbits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.65}.orbit{position:absolute;left:50%;top:55%;border-radius:50%;border:1px dashed rgba(0,240,255,.22);transform:translate3d(-50%,-50%,0);will-change:transform;backface-visibility:hidden}.orbit:after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--cyan-500);box-shadow:0 0 14px 4px #00f0ffe6}.orbit--1{width:240px;height:240px;animation:spin 26s linear infinite}.orbit--2{width:500px;height:500px;border-color:#8b5cf63d;animation:spin 44s linear infinite reverse}.orbit--2:after{background:#c084fc;box-shadow:0 0 16px 4px #c084fce6}.orbit--3{width:860px;height:860px;border-color:#38bdf829;animation:spin 75s linear infinite}.orbit--3:after{background:#38bdf8;box-shadow:0 0 14px 3px #38bdf8cc}@keyframes spin{to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}.hero__bar{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.hero__bar-left,.hero__bar-right{display:flex;align-items:center;gap:10px}.audio-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#0d1527cc;border:1px solid rgba(0,240,255,.3);color:var(--cyan-400);box-shadow:0 0 12px #00f0ff26;transition:all .2s ease;transform:translateZ(0)}.audio-toggle-btn:hover{background:#00f0ff26;border-color:var(--cyan-500);box-shadow:0 0 16px #00f0ff66;transform:scale(1.05)}.hero__title{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:10px}.hero__logo-wrap{position:relative;width:86px;height:86px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transform:translateZ(0)}.planet{display:block;transform:translateZ(0);will-change:transform}.hero__halo-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px dashed rgba(0,240,255,.45);border-radius:50%;animation:rotateHalo 22s linear infinite;pointer-events:none;transform:translateZ(0);will-change:transform}.hero__halo-ring--outer{top:-18px;right:-18px;bottom:-18px;left:-18px;border-color:#8b5cf64d;animation:rotateHalo 35s linear infinite reverse}@keyframes rotateHalo{0%{transform:translateZ(0) rotate(0)}to{transform:translateZ(0) rotate(360deg)}}.hero h1{font-family:var(--font-orbitron);font-size:clamp(24px,6.5vw,62px);font-weight:900;letter-spacing:clamp(.06em,1.8vw,.22em);text-indent:clamp(.06em,1.8vw,.22em);line-height:1.1;color:#fff;text-shadow:0 0 20px rgba(0,240,255,.8),0 0 45px rgba(14,165,233,.5);display:flex;align-items:center;justify-content:center}.hero h1 sup{font-size:.28em;vertical-align:super;letter-spacing:0;margin-left:4px;color:var(--cyan-400)}.quantica-subtitle-row{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,14px);max-width:100%;margin-top:10px}.subtitle-divider-line{background:linear-gradient(90deg,transparent,#00f0ff);width:clamp(16px,4vw,60px);height:1px;position:relative;flex-shrink:0}.subtitle-divider-line.right{background:linear-gradient(90deg,#00f0ff,transparent)}.subtitle-divider-line:after{content:"";background:#00f0ff;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:0;box-shadow:0 0 10px #00f0ff}.subtitle-divider-line.right:after{left:0;right:auto}.hero__tagline{font-family:var(--font-rajdhani);font-weight:700;font-size:clamp(10px,2.2vw,15px);letter-spacing:clamp(.08em,1.8vw,.26em);text-transform:uppercase;color:#c0d8ff;text-shadow:0 0 12px rgba(0,240,255,.7);white-space:normal;text-align:center}.hero__sub{font-family:var(--font-body);font-size:clamp(12px,2vw,14.5px);color:#94a3b8;margin-top:8px;max-width:56ch;line-height:1.5}.hero__nodes-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:18px}.node-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;background:#0a1226bf;border:1px solid rgba(0,240,255,.22);box-shadow:0 4px 16px #0006;font-family:var(--font-rajdhani);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#e2e8f0;transition:all .2s ease}.node-chip:hover{border-color:var(--cyan-500);box-shadow:0 0 14px #00f0ff4d;transform:translateY(-1px)}.node-chip .flag{font-size:15px}.node-chip .status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.qbtn{position:relative;width:38px;height:38px;border-radius:10px;background:#0e172cd9;border:1px solid rgba(0,240,255,.35);display:grid;place-items:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:0 0 16px #00f0ff26;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.qbtn--unlocked{border-color:#10b981cc;box-shadow:0 0 20px #10b98173,0 0 32px #00f0ff40}.qbtn:hover{transform:scale(1.08);border-color:var(--cyan-500);box-shadow:0 0 20px #00f0ff66}.qbtn--unlocked:hover{transform:scale(1.08);border-color:#34d399;box-shadow:0 0 24px #34d399b3,0 0 36px #00f0ff40}.qbtn__q{font-family:var(--font-orbitron);font-weight:900;font-size:18px;color:#fff;text-shadow:0 0 10px #00f0ff;position:relative}.qbtn__glow{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:12px;opacity:0;pointer-events:none}.qbtn__glow--on{animation:qpulse .55s ease-out;box-shadow:inset 0 0 18px #00f0ff59}.qbtn--unlocked .qbtn__glow{opacity:1;background:radial-gradient(circle,rgba(16,185,129,.45),rgba(0,240,255,.04) 62%,transparent 75%)}@keyframes qpulse{0%{opacity:1;box-shadow:0 0 #00f0ffe6,0 0 24px #00f0ffcc}to{opacity:0;box-shadow:0 0 0 16px #00f0ff00,0 0 40px #00f0ff00}}.wbtn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-family:var(--font-rajdhani);font-weight:700;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#00f0ff29,#8b5cf638);border:1px solid rgba(0,240,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 16px #00f0ff33;transition:all .25s cubic-bezier(.16,1,.3,1)}.wbtn:hover{background:linear-gradient(135deg,#00f0ff4d,#8b5cf659);border-color:#00f0ff;box-shadow:0 0 24px #00f0ff80;transform:translateY(-1px)}.wbtn__balance{background:#00f0ff26;padding:2px 7px;border-radius:6px;font-family:var(--font-mono);font-size:11px;color:var(--cyan-400)}.qbtn{text-decoration:none}@media (max-width: 600px){.hero{padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:24px}.hero__bar{margin-bottom:26px}.hero__title{margin-top:6px}.hero__logo-wrap{width:74px;height:74px;margin-bottom:10px}.hero__halo-ring--outer{top:-12px;right:-12px;bottom:-12px;left:-12px}.hero__orbits{opacity:.4}.orbit{top:62%}.wbtn{padding:6px 12px;font-size:12px;gap:6px}.wbtn__balance{display:none}}.grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,auto);gap:clamp(6px,1.2vw,12px);margin-top:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.grid::-webkit-scrollbar{display:none}@media (max-width: 640px){.grid{grid-template-columns:repeat(6,minmax(54px,1fr));gap:5px;padding-bottom:2px}}.tile{--tile: #00f0ff;--tile-glow: rgba(0, 240, 255, .4);position:relative;display:flex;flex-direction:column;padding:0;aspect-ratio:1 / .92;border-radius:clamp(10px,1.6vw,14px);background:#0a1226d1;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff1a;overflow:hidden;transition:all .22s cubic-bezier(.16,1,.3,1);text-align:center;transform:translateZ(0);contain:layout paint}.tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tile);box-shadow:0 0 12px var(--tile);opacity:.8;transition:opacity .3s ease}.tile__icon{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.05) 0%,transparent 70%)}.tile__icon .pro-icon{position:relative;z-index:2;filter:drop-shadow(0 0 10px var(--tile, #00f0ff)) drop-shadow(0 0 18px var(--tile-glow, rgba(0, 240, 255, .45)));animation:liveIconGlow 3s ease-in-out infinite alternate;transform:translateZ(0);will-change:transform,opacity}@keyframes liveIconGlow{0%{transform:translateZ(0) scale(.96);opacity:.88}50%{transform:translateZ(0) scale(1.04);opacity:1}to{transform:translateZ(0) scale(.98);opacity:.92}}.tile__icon-glow{position:absolute;width:52px;height:52px;border-radius:50%;background:var(--tile);filter:blur(20px);opacity:.35;pointer-events:none;animation:liveHaloPulse 3s ease-in-out infinite alternate;transform:translateZ(0);will-change:transform,opacity}@keyframes liveHaloPulse{0%{transform:translateZ(0) scale(.85);opacity:.25}50%{transform:translateZ(0) scale(1.22);opacity:.55}to{transform:translateZ(0) scale(.95);opacity:.35}}.tile__label-wrap{padding:4px 4px 6px;background:#050b18d9;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center;align-items:center}.tile__label{font-family:var(--font-rajdhani);font-size:clamp(10px,1.3vw,12.5px);font-weight:700;letter-spacing:.05em;color:#f1f5f9;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tile__count{font-family:var(--font-mono);font-size:10px;color:#64748b;letter-spacing:.02em}.tile--active{background:#0e1c3ad9;border-color:var(--tile);box-shadow:0 0 0 1px var(--tile),0 0 30px var(--tile-glow),inset 0 0 20px #00f0ff26}.tile--active:before{height:4px;opacity:1;box-shadow:0 0 16px var(--tile)}.tile--active .tile__icon-glow{opacity:.55}.tile--active .tile__label{color:#fff;text-shadow:0 0 10px var(--tile)}.tile--active .tile__count{color:var(--tile)}@media (hover: hover){.tile:hover:not(.tile--active){background:#101c38bf;border-color:#00f0ff66;box-shadow:0 4px 20px #0009,0 0 20px var(--tile-glow)}.tile:hover .tile__icon-glow{opacity:.45}.tile:hover .tile__label{color:#fff}}.train{margin-top:clamp(20px,3.6vw,36px);background:linear-gradient(180deg,#091124d9,#040814f2);border-radius:var(--radius-lg);padding:18px 0 20px;border:1px solid rgba(0,240,255,.22);box-shadow:0 16px 40px #0009,inset 0 1px #00f0ff33;position:relative;overflow:hidden}.train:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);box-shadow:0 0 14px #00f0ff}.train--empty{padding:40px 24px;text-align:center;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px}.train--empty-icon{width:54px;height:54px;border-radius:50%;border:1px dashed rgba(0,240,255,.4);display:grid;place-items:center;color:var(--cyan-400);background:#00f0ff0d;box-shadow:0 0 20px #00f0ff26;animation:pulse-ring 3s infinite ease-in-out}@keyframes pulse-ring{0%,to{transform:scale(1);box-shadow:0 0 15px #00f0ff33}50%{transform:scale(1.08);box-shadow:0 0 30px #00f0ff66}}.train--empty p{font-family:var(--font-rajdhani);font-size:16px;font-weight:600;letter-spacing:.05em;color:#cbd5e1;max-width:44ch}.train__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(14px,3vw,24px) 14px;border-bottom:1px solid rgba(255,255,255,.06)}.train__head-title{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}.train__head h2{font-family:var(--font-orbitron);font-size:clamp(14px,2.5vw,19px);font-weight:800;letter-spacing:.06em;color:#fff;text-shadow:0 0 12px rgba(0,240,255,.5)}.train__count{font-family:var(--font-rajdhani);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-400);background:#00f0ff1a;padding:2px 10px;border-radius:999px;border:1px solid rgba(0,240,255,.25)}.train__filters{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px 6px;overflow-x:auto;scrollbar-width:none}.train__filter-btn{padding:4px 12px;border-radius:999px;font-family:var(--font-rajdhani);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.train__filter-btn.active{color:#00f0ff;background:#00f0ff1f;border-color:#00f0ff;box-shadow:0 0 12px #00f0ff4d}.icon-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--cyan-400);background:#0d162dd9;border:1px solid rgba(0,240,255,.3);box-shadow:0 4px 12px #0000004d;flex:none;transition:all .2s ease}.icon-btn:hover{background:#00f0ff33;border-color:var(--cyan-500);box-shadow:0 0 16px #00f0ff66;transform:scale(1.08)}.train__rail{overflow-x:auto;scroll-snap-type:x proximity;padding:16px clamp(14px,3vw,24px) 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.train__rail::-webkit-scrollbar{display:none}.train__cars{display:flex;gap:16px;width:max-content}.car{--tile: #00f0ff;scroll-snap-align:start;width:clamp(220px,48vw,300px);display:flex;flex-direction:column;text-align:left;background:#0d162de0;border-radius:18px;border:1px solid rgba(0,240,255,.18);overflow:hidden;box-shadow:0 8px 30px #00000080,inset 0 1px #ffffff1a;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(0);contain:layout paint}.car:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--tile);box-shadow:0 0 12px var(--tile)}.car__art{display:flex;flex-direction:column;align-items:center;justify-content:center;height:clamp(100px,20vw,140px);background:radial-gradient(circle at 50% 40%,#ffffff14,#080f20e6 80%);position:relative;overflow:hidden}.car__art .pro-icon{position:relative;z-index:2;filter:drop-shadow(0 0 12px var(--tile, #00f0ff)) drop-shadow(0 0 22px rgba(0,240,255,.45));animation:liveCarIconPulse 3.2s ease-in-out infinite alternate;transform:translateZ(0);will-change:transform,opacity}@keyframes liveCarIconPulse{0%{transform:translateZ(0) scale(.97);opacity:.9}50%{transform:translateZ(0) scale(1.04);opacity:1}to{transform:translateZ(0) scale(.99);opacity:.93}}.car__art-halo{position:absolute;width:90px;height:90px;border-radius:50%;background:var(--tile);filter:blur(35px);opacity:.35;pointer-events:none;animation:liveHaloPulse 3s ease-in-out infinite alternate;transform:translateZ(0);will-change:transform,opacity}.car__rating-badge{position:absolute;top:10px;right:10px;background:#050b18d9;border:1px solid rgba(251,191,36,.5);border-radius:999px;padding:3px 8px;font-family:var(--font-rajdhani);font-size:11px;font-weight:700;color:#fbbf24;display:inline-flex;align-items:center;gap:3px;box-shadow:0 2px 8px #00000080}.car__verified-badge{position:absolute;top:10px;left:10px;background:#00f0ff26;border:1px solid rgba(0,240,255,.4);border-radius:999px;padding:3px 8px;font-family:var(--font-rajdhani);font-size:10px;font-weight:700;color:#00f0ff;letter-spacing:.06em;text-transform:uppercase}.car__body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1;gap:4px}.car__name{font-family:var(--font-orbitron);font-weight:700;font-size:14.5px;color:#fff;letter-spacing:.03em;line-height:1.3}.car__sub{font-family:var(--font-body);color:#94a3b8;font-size:12px;line-height:1.4;margin-top:2px}.car__meta{display:flex;align-items:center;gap:6px;margin-top:6px;font-family:var(--font-rajdhani);font-size:11.5px;font-weight:600;color:#64748b}.car__tap-hint{margin-top:auto;padding-top:8px;font-family:var(--font-rajdhani);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-400);display:inline-flex;align-items:center;gap:4px}.car--selected .car__tap-hint{color:#10b981}.car--selected{border-color:#00f0ff;box-shadow:0 0 0 1px #00f0ff,0 0 35px #00f0ff80,inset 0 0 20px #00f0ff33;transform:translateY(-4px)}.car--selected .car__name{color:#00f0ff}@media (hover: hover){.car:hover:not(.car--selected){border-color:#00f0ff66;box-shadow:0 8px 30px #0009,0 0 25px #00f0ff40}}.train__track{height:6px;margin:4px clamp(14px,3vw,24px) 0;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(0,240,255,.4) 0 12px,transparent 12px 24px),linear-gradient(90deg,#00f0ff1a,#8b5cf699,#00f0ff1a);box-shadow:0 0 12px #00f0ff66;position:relative}.train__track:after{content:"";position:absolute;top:50%;left:30%;width:14px;height:14px;border-radius:50%;background:#00f0ff;box-shadow:0 0 18px #00f0ff,0 0 30px #00f0ff;transform:translate(-50%,-50%);animation:maglevPulse 4s ease-in-out infinite alternate}@keyframes maglevPulse{0%{left:10%;opacity:.6}to{left:90%;opacity:1}}.train__controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.round-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0d162de6;color:var(--cyan-400);border:1px solid rgba(0,240,255,.35);box-shadow:0 4px 16px #0006;transition:all .2s cubic-bezier(.16,1,.3,1)}.round-btn:hover:not(:disabled){background:#00f0ff33;border-color:#00f0ff;box-shadow:0 0 20px #00f0ff80;transform:scale(1.08)}.detail-dock{margin-top:clamp(20px,3.6vw,36px);background:linear-gradient(180deg,#0e1730f2,#060c1cfa);border:1px solid rgba(0,240,255,.32);border-radius:var(--radius-lg, 24px);padding:clamp(16px,3vw,24px);box-shadow:0 20px 50px #000000a6,0 0 35px #00f0ff26;position:relative;overflow:hidden}.detail-dock:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);box-shadow:0 0 14px #00f0ff}.detail-dock__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.detail-dock__badge{font-family:var(--font-rajdhani);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-400);background:#00f0ff1a;padding:4px 12px;border-radius:999px;border:1px solid rgba(0,240,255,.25);display:inline-flex;align-items:center}.detail-dock__close{padding:4px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-family:var(--font-rajdhani);font-size:12px;font-weight:700;letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.detail-dock__close:hover{color:#fff;background:#00f0ff26;border-color:var(--cyan-500)}.detail-dock__content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:600px;margin:0 auto;gap:10px}.detail-dock__icon-wrap{width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#00f0ff40,#080f22e6 75%);border:1px solid rgba(0,240,255,.4);display:grid;place-items:center;box-shadow:0 0 25px #00f0ff40;margin-bottom:4px}.detail-dock__title{font-family:var(--font-orbitron);font-size:clamp(20px,3.2vw,28px);font-weight:800;color:#fff;letter-spacing:.04em;text-shadow:0 0 16px rgba(0,240,255,.4)}.detail-dock__sub{font-family:var(--font-rajdhani);font-size:clamp(14px,2vw,17px);font-weight:600;color:var(--cyan-400)}.detail-dock__desc{font-family:var(--font-body);font-size:clamp(13px,1.8vw,15px);color:#cbd5e1;line-height:1.6;max-width:52ch}.detail-dock__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.detail-dock__meta-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-rajdhani);font-size:12.5px;font-weight:600;color:#94a3b8;background:#00000059;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.detail-dock__action-wrap{margin-top:14px;width:100%;max-width:360px}.detail-dock__call-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:999px;background:linear-gradient(135deg,#00f0ff,#0284c7);color:#020617;font-family:var(--font-orbitron);font-size:13.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 0 25px #00f0ff73;cursor:pointer;transition:all .25s ease}.detail-dock__call-btn:hover{transform:translateY(-2px);box-shadow:0 0 35px #00f0ffa6}.detail-dock__call-btn.done{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 0 25px #10b98180}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#02040cc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;place-items:center;padding:16px;overflow-y:auto}.sheet{position:relative;width:min(100%,460px);background:linear-gradient(180deg,#0e1730f2,#060c1cfa);border:1px solid rgba(0,240,255,.35);border-radius:var(--radius-lg);padding:30px 24px 26px;text-align:center;box-shadow:0 25px 80px #000000d9,0 0 50px #00f0ff40;color:#fff}.sheet__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(0,240,255,.25);color:var(--cyan-400);transition:all .2s ease}.sheet__close:hover{background:#00f0ff33;border-color:#00f0ff;box-shadow:0 0 16px #00f0ff66;transform:scale(1.08)}.sheet h2{font-family:var(--font-orbitron);font-size:20px;font-weight:800;letter-spacing:.08em;color:#fff;text-shadow:0 0 15px rgba(0,240,255,.6)}.sheet p{color:#94a3b8;font-size:13.5px;line-height:1.6;margin-top:10px}.sheet--quantica{width:min(100%,540px);background:radial-gradient(circle at 50% 15%,#0e1e46fa,#030714fa 75%);border:1px solid rgba(0,240,255,.45);box-shadow:0 0 60px #00f0ff59,inset 0 0 40px #8b5cf633}.qmark{width:96px;height:96px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#00f0ff33,#8b5cf61a 70%);border:2px solid rgba(0,240,255,.8);box-shadow:0 0 40px #00f0ffb3,inset 0 0 25px #00f0ff66;animation:breathe 3.5s ease-in-out infinite}.qmark span{font-family:var(--font-orbitron);font-size:44px;font-weight:900;color:#fff;text-shadow:0 0 20px #00f0ff,0 0 35px #0ea5e9}.qmark-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px dashed rgba(0,240,255,.5);border-radius:50%;animation:rotateHalo 18s linear infinite}@keyframes breathe{0%,to{box-shadow:0 0 35px #00f0ff80,inset 0 0 20px #00f0ff4d}50%{box-shadow:0 0 65px #00f0ffe6,inset 0 0 35px #00f0ff99;transform:scale(1.04)}}.density-row{display:flex;gap:8px;justify-content:center;margin:18px 0 12px}.density-btn{padding:6px 14px;border-radius:8px;font-family:var(--font-orbitron);font-size:11px;font-weight:700;letter-spacing:.1em;background:#ffffff0d;border:1px solid rgba(0,240,255,.2);color:#94a3b8}.density-btn.active{background:#00f0ff33;border-color:#00f0ff;color:#00f0ff;box-shadow:0 0 16px #00f0ff66}.quantica-telemetry-box{background:#00000073;border:1px solid rgba(0,240,255,.2);border-radius:12px;padding:12px 14px;margin:16px 0;text-align:left;font-family:var(--font-mono);font-size:11.5px;color:#a5f3fc;display:grid;gap:6px}.quantica-link-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:14px 20px;border-radius:12px;font-family:var(--font-orbitron);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#000;background:linear-gradient(135deg,#00f0ff,#38bdf8);box-shadow:0 0 25px #00f0ff99;text-decoration:none;transition:all .2s ease}.quantica-link-btn:hover{box-shadow:0 0 35px #00f0ffd9;transform:translateY(-2px)}.sheet--wallet{text-align:left;width:min(100%,420px)}.scrim:has(.sheet--wallet){place-items:start end;padding-top:calc(16px + env(safe-area-inset-top));padding-right:clamp(12px,3vw,24px)}.balance{margin-top:16px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#0ea5e959,#8b5cf659);border:1px solid rgba(0,240,255,.3);box-shadow:0 8px 24px #00000080,inset 0 1px #fff3;display:grid;gap:4px}.balance span{font-family:var(--font-rajdhani);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-400)}.balance strong{font-family:var(--font-orbitron);font-size:32px;font-weight:900;color:#fff;text-shadow:0 0 16px rgba(0,240,255,.6)}.balance small{font-family:var(--font-mono);font-size:12px;color:#10b981;margin-top:2px}.wactions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.wactions button{display:grid;justify-items:center;gap:6px;padding:12px 6px;border-radius:12px;font-family:var(--font-rajdhani);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#e2e8f0;background:#ffffff0d;border:1px solid rgba(0,240,255,.2);transition:all .2s ease}.wactions button:hover{background:#00f0ff29;border-color:#00f0ff;color:#00f0ff;box-shadow:0 0 14px #00f0ff4d}.wnote{min-height:20px;font-family:var(--font-rajdhani)!important;font-size:13px!important;color:var(--cyan-400)!important;font-weight:700;margin-top:10px}.wempty{font-family:var(--font-mono);font-size:12px!important;color:#64748b!important;text-align:center;padding:8px 0}.wdemo{font-size:11.5px!important;color:#64748b!important;padding-top:12px;border-top:1px dashed rgba(255,255,255,.1);line-height:1.5}:root{--cyan-500: #00f0ff;--cyan-400: #38bdf8;--purple-500: #8b5cf6;--purple-400: #c084fc;--blue-600: #0284c7;--blue-500: #0ea5e9;--blue-900: #071233;--space-950: #02030a;--space-900: #05070e;--space-850: #090e1a;--space-800: #0d1527;--space-card: rgba(13, 21, 39, .7);--space-border: rgba(0, 240, 255, .22);--space-border-glow: rgba(0, 240, 255, .5);--text-main: #f1f5f9;--text-muted: #94a3b8;--gold: #fbbf24;--green: #10b981;--rose: #f43f5e;--font-orbitron: "Outfit", "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-rajdhani: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-space: "Space Grotesk", "Plus Jakarta Sans", -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--glow-cyan: 0 0 20px rgba(0, 240, 255, .45);--glow-purple: 0 0 24px rgba(139, 92, 246, .45);--radius: 16px;--radius-lg: 24px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text-main);background-color:var(--space-950);background-image:radial-gradient(circle at 50% 12%,rgba(14,165,233,.18) 0%,rgba(139,92,246,.1) 40%,transparent 75%),radial-gradient(circle at 80% 50%,rgba(0,240,255,.06) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.08) 0%,transparent 50%),linear-gradient(180deg,#070e24,#02030a 60%,#010206);overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.cosmic-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;transform:translateZ(0);will-change:transform;backface-visibility:hidden;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1.5px 1.5px at 100px 150px,#00f0ff,#0000),radial-gradient(1px 1px at 240px 80px,#c084fc,#0000),radial-gradient(2px 2px at 350px 280px,#38bdf8,#0000),radial-gradient(1.5px 1.5px at 500px 120px,#fff,#0000),radial-gradient(1px 1px at 700px 220px,#8b5cf6,#0000),radial-gradient(2px 2px at 850px 90px,#00f0ff,#0000),radial-gradient(1.5px 1.5px at 980px 260px,#fff,#0000);background-repeat:repeat;background-size:1000px 350px;opacity:.55;animation:cosmicDrift 100s linear infinite}@keyframes cosmicDrift{0%{background-position:0 0}to{background-position:-1000px 350px}}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation;transition:all .2s cubic-bezier(.16,1,.3,1)}button:focus-visible{outline:2px solid var(--cyan-500);outline-offset:3px;box-shadow:0 0 12px var(--cyan-500)}button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(1)}h1,h2,h3,h4,p{margin:0}.app{min-height:100vh;width:100%;max-width:1320px;margin:0 auto;display:flex;flex-direction:column;position:relative;z-index:1;background:#030712b8;border-left:1px solid rgba(0,240,255,.12);border-right:1px solid rgba(0,240,255,.12);box-shadow:0 0 80px #000c,0 0 120px #00f0ff0a}.telemetry-ticker{background:#050b1cd9;border-bottom:1px solid rgba(0,240,255,.18);padding:6px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-rajdhani);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.telemetry-ticker::-webkit-scrollbar{display:none}.telemetry-item{display:inline-flex;align-items:center;gap:6px}.telemetry-item.highlight{color:var(--cyan-500);text-shadow:0 0 8px rgba(0,240,255,.5)}.telemetry-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan-500);box-shadow:0 0 8px var(--cyan-500);animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.telemetry-audio-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#00f0ff14;border:1px solid rgba(0,240,255,.25);color:var(--cyan-400);font-size:11px}.telemetry-audio-btn:hover{background:#00f0ff2e;box-shadow:0 0 10px #00f0ff4d}.stage{flex:1;padding:0 clamp(12px,3.2vw,36px) 32px;position:relative}.welcome-container{text-align:center;padding:24px 12px 18px}.welcome-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:999px;background:#00f0ff12;border:1px solid rgba(0,240,255,.28);color:var(--cyan-400);font-family:var(--font-rajdhani);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;box-shadow:0 0 16px #00f0ff26}.welcome-title{font-family:var(--font-orbitron);font-size:clamp(20px,3.6vw,32px);font-weight:800;color:#fff;letter-spacing:.06em;text-shadow:0 0 16px rgba(0,240,255,.4)}.welcome{color:#94a3b8;font-size:clamp(13px,1.8vw,15px);margin-top:6px;max-width:62ch;margin-left:auto;margin-right:auto;line-height:1.5}.foot{padding:36px clamp(16px,4vw,40px) calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#070e24f2,#02030afa);border-top:1px solid rgba(0,240,255,.2);display:grid;gap:18px;justify-items:center;text-align:center;position:relative;content-visibility:auto;contain-intrinsic-size:260px}.foot:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,#00f0ff,transparent);box-shadow:0 0 12px #00f0ff}.foot__brand-row{display:flex;align-items:center;gap:10px}.foot__line{font-family:var(--font-orbitron);font-weight:800;font-size:clamp(14px,2.2vw,17px);color:#fff;letter-spacing:.1em;text-shadow:0 0 12px rgba(0,240,255,.6)}.foot__gravitates{font-family:var(--font-rajdhani);font-size:13px;font-weight:600;color:#38bdf8;letter-spacing:.1em;text-transform:uppercase}.foot__brand{font-size:12px;color:#64748b;letter-spacing:.08em;max-width:60ch;line-height:1.5}.foot__badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}.foot__badge{padding:4px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:11px;color:#94a3b8}.foot__lang{display:flex;gap:8px;margin-top:6px}.foot__lang button{padding:6px 16px;border-radius:999px;font-family:var(--font-orbitron);font-size:12px;font-weight:700;letter-spacing:.08em;color:#94a3b8;background:#ffffff0d;border:1px solid rgba(0,240,255,.2)}.foot__lang button:hover{color:#fff;border-color:var(--cyan-500)}.foot__lang button.on{background:linear-gradient(135deg,#00f0ff40,#8b5cf640);color:#00f0ff;border-color:#00f0ff;box-shadow:0 0 16px #00f0ff66}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}