:root{--bg: #02030a;--fg: #e6f0ff;--accent: #7ce7ff;--accent-2: #c084ff;--accent-3: #ffb86b;--glass: rgba(124, 231, 255, .06);--glass-stroke: rgba(124, 231, 255, .18);--hud-font: "Space Grotesk", system-ui, sans-serif;--mono-font: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:var(--hud-font);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;user-select:none}canvas{display:block;outline:none;touch-action:none}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud .pointer{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:22px 28px}.brand{display:flex;flex-direction:column;gap:2px;letter-spacing:.32em}.brand .mark{font-size:13px;font-weight:600;color:var(--accent);text-shadow:0 0 12px rgba(124,231,255,.55)}.brand .sub{font-family:var(--mono-font);font-size:10px;color:#e6f0ff8c;letter-spacing:.2em}.coords{font-family:var(--mono-font);font-size:10.5px;color:#e6f0ff99;text-align:right;line-height:1.6;letter-spacing:.12em}.coords .label{color:#7ce7ffb3}.hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:22px 28px;gap:24px}.controls-hint{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono-font);font-size:10.5px;color:#e6f0ff8c;letter-spacing:.14em}.controls-hint kbd{background:var(--glass);border:1px solid var(--glass-stroke);border-radius:4px;padding:3px 8px;margin-right:6px;color:var(--accent);font-family:var(--mono-font);font-size:10px;backdrop-filter:blur(8px)}.mode-toggle{display:flex;gap:8px}.mode-toggle button{pointer-events:auto;background:var(--glass);border:1px solid var(--glass-stroke);border-radius:4px;color:var(--fg);font-family:var(--mono-font);font-size:10.5px;letter-spacing:.18em;padding:9px 14px;cursor:pointer;backdrop-filter:blur(10px);transition:all .25s ease}.mode-toggle button:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 24px #7ce7ff2e}.mode-toggle button.active{background:#7ce7ff1f;border-color:var(--accent);color:var(--accent)}.lore{position:fixed;pointer-events:none;z-index:20;transform:translate(-50%,-120%);min-width:240px;max-width:320px;padding:14px 16px;background:linear-gradient(135deg,#0a0e1ec7,#140a289e);border:1px solid var(--glass-stroke);border-radius:8px;backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 12px 48px #00000080,0 0 24px #7ce7ff1f;animation:lore-in .22s ease-out}@keyframes lore-in{0%{opacity:0;transform:translate(-50%,-110%)}to{opacity:1;transform:translate(-50%,-120%)}}.lore .tag{font-family:var(--mono-font);font-size:9.5px;color:var(--accent);letter-spacing:.24em;margin-bottom:4px}.lore .title{font-size:16px;font-weight:600;letter-spacing:.04em;margin-bottom:6px}.lore .desc{font-size:12px;color:#e6f0ffb3;line-height:1.5}.lore .meta{display:flex;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(124,231,255,.12);font-family:var(--mono-font);font-size:9.5px;color:#e6f0ff80;letter-spacing:.1em}.intro{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#02030a66,#02030af2 70%);pointer-events:none;transition:opacity 1.6s ease}.intro.fade{opacity:0}.intro .stack{text-align:center;letter-spacing:.4em;animation:intro-rise 2.4s ease-out}.intro .stack .word{font-size:11px;color:var(--accent);font-family:var(--mono-font);margin-bottom:14px}.intro .stack .title{font-size:38px;font-weight:300;letter-spacing:.5em;margin-left:.5em;text-shadow:0 0 32px rgba(124,231,255,.4)}.intro .stack .sub{margin-top:18px;font-family:var(--mono-font);font-size:10px;color:#e6f0ff80;letter-spacing:.3em}@keyframes intro-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portal-flash{position:fixed;inset:0;z-index:25;pointer-events:none;opacity:0;transition:opacity .45s ease}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:22;padding:12px 18px;background:linear-gradient(135deg,#0a0e1ed9,#1e0e32b3);border:1px solid var(--glass-stroke);border-radius:6px;backdrop-filter:blur(14px);font-family:var(--mono-font);font-size:11px;letter-spacing:.18em;color:var(--accent);box-shadow:0 8px 32px #00000080;animation:toast-in .35s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.world-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--glass-stroke);border-radius:999px;background:var(--glass);backdrop-filter:blur(14px);font-family:var(--mono-font);font-size:11px;letter-spacing:.24em;transition:all .4s ease}.world-pill .dot{width:7px;height:7px;border-radius:50%;display:inline-block}.feed{position:absolute;top:110px;left:28px;width:320px;padding:12px 14px;background:linear-gradient(135deg,#0a0e1e8c,#140a2859);border:1px solid var(--glass-stroke);border-radius:6px;backdrop-filter:blur(12px);pointer-events:none}.feed-title{font-family:var(--mono-font);font-size:9.5px;color:var(--accent);letter-spacing:.32em;margin-bottom:8px;opacity:.85}.feed-row{display:grid;grid-template-columns:48px 86px auto auto;gap:8px;font-family:var(--mono-font);font-size:10.5px;color:#e6f0ffd9;letter-spacing:.05em;animation:feed-in .35s ease-out;align-items:center}.feed-row .feed-t{color:#e6f0ff73}.feed-row .feed-msg{color:var(--accent);letter-spacing:.18em;font-weight:500}.feed-row .feed-who{color:#c084ffd9}.feed-row .feed-what{color:#e6f0ffb3;justify-self:end}@keyframes feed-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.mode-toggle .return{padding:11px 22px;font-weight:500;border-width:1.5px;box-shadow:0 0 18px #7ce7ff2e}.mode-toggle .return:hover{background:#ffffff0d;box-shadow:0 0 30px #7ce7ff66}.resonance{position:fixed;bottom:84px;left:28px;width:240px;padding:12px 14px;background:linear-gradient(135deg,#0a0e1e99,#140a286b);border:1px solid rgba(255,95,162,.28);border-radius:6px;backdrop-filter:blur(12px);font-family:var(--mono-font);pointer-events:none;box-shadow:0 6px 24px #0006}.res-title{font-size:9px;color:#ff8fc4;letter-spacing:.32em;margin-bottom:10px}.res-bars{display:flex;flex-direction:column;gap:6px}.res-row{display:flex;align-items:center;gap:8px;font-size:9px;color:#e6f0ffb3}.res-name{letter-spacing:.18em;min-width:56px}.res-bar{flex:1;height:4px;background:#ff5fa21f;border-radius:2px;overflow:hidden}.res-fill{height:100%;background:linear-gradient(90deg,#ff5fa2,#c084ff);box-shadow:0 0 8px #ff5fa299;transition:width .18s ease}.res-hint{margin-top:10px;font-size:8.5px;color:#e6f0ff66;letter-spacing:.16em}.archive-progress{position:fixed;bottom:84px;left:28px;width:230px;padding:12px 14px;background:linear-gradient(135deg,#14040eb3,#28061e8c);border:1px solid rgba(255,95,162,.35);border-radius:6px;backdrop-filter:blur(12px);font-family:var(--mono-font);pointer-events:none;box-shadow:0 6px 24px #00000080}.ap-title{font-size:9.5px;color:#ff5fa2;letter-spacing:.3em;margin-bottom:6px}.ap-counter{font-size:11px;color:#fff;letter-spacing:.22em;margin-bottom:12px;font-weight:500}.ap-grid{display:flex;gap:6px;margin-bottom:10px}.ap-slot{width:28px;height:28px;border:1px solid rgba(255,95,162,.25);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#ff5fa280;background:#14000e66;transition:all .3s ease}.ap-slot.found{color:#9fffd1;border-color:#9fffd1;background:#9fffd114;box-shadow:0 0 14px #9fffd166}.ap-hint{font-size:8.5px;color:#e6f0ff6b;letter-spacing:.16em}.nft-modal-wrap{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0e1e8c,#02030ad1);backdrop-filter:blur(8px);pointer-events:auto;animation:nft-fade-in .35s ease-out;padding:24px}@keyframes nft-fade-in{0%{opacity:0}to{opacity:1}}.nft-modal{width:100%;max-width:1040px;max-height:calc(100vh - 48px);background:linear-gradient(135deg,#0a0e1af5,#120c22eb);border:1px solid rgba(255,255,255,.08);border-top-color:var(--accent);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 32px 90px #000000b3,0 0 80px #7ce7ff14;animation:nft-rise .45s cubic-bezier(.2,.7,.3,1);display:flex;flex-direction:column}@keyframes nft-rise{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nm-close{position:absolute;top:16px;right:18px;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#e6f0ff8c;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:50%;cursor:pointer;transition:all .18s ease}.nm-close:hover{color:#fff;background:#ffffff1a;border-color:var(--accent);box-shadow:0 0 18px #7ce7ff4d}.nm-body{display:grid;grid-template-columns:.92fr 1.08fr;gap:0;overflow-y:auto}@media (max-width: 820px){.nm-body{grid-template-columns:1fr}}.nm-art{position:relative;padding:28px;background:radial-gradient(circle at 30% 30%,rgba(124,231,255,.06),transparent 70%);display:flex;flex-direction:column;gap:14px;border-right:1px solid rgba(255,255,255,.04)}.nm-art-wrap{position:relative;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;border:1px solid var(--accent);box-shadow:0 18px 48px #0009,0 0 40px #7ce7ff26}.nm-art-canvas{width:100%!important;height:100%!important;display:block}.nm-art-meta{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono-font);font-size:10.5px;letter-spacing:.18em}.nm-edition{color:var(--accent);padding:6px 12px;border:1px solid var(--accent);border-radius:4px;background:#0003}.nm-rarity{color:var(--accent);padding:6px 12px;background:#7ce7ff14;border-radius:4px;letter-spacing:.22em}.nm-info{padding:32px 32px 28px;display:flex;flex-direction:column;gap:16px;min-width:0}.nm-collection{display:flex;align-items:center;gap:8px;font-family:var(--mono-font);font-size:10.5px;letter-spacing:.24em;color:#e6f0ff99}.nm-coll-name{color:var(--accent)}.nm-coll-dot{opacity:.4}.nm-title{margin:0;font-size:32px;font-weight:300;letter-spacing:.06em;color:#fff;line-height:1.1;text-shadow:0 0 22px rgba(255,255,255,.1)}.nm-price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:8px}.nm-price-block{display:flex;flex-direction:column;gap:4px;min-width:0}.nm-price-label{font-family:var(--mono-font);font-size:8.5px;letter-spacing:.28em;color:#e6f0ff73}.nm-price-value{font-size:14px;font-weight:500;color:#fff;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis}.nm-price-value.mono{font-family:var(--mono-font);font-size:12px}.nm-desc{margin:0;font-size:13px;line-height:1.6;color:#e6f0ffc7}.nm-section-title{font-family:var(--mono-font);font-size:9px;letter-spacing:.32em;color:#e6f0ff73;margin-top:2px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.05)}.nm-traits{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.nm-trait{padding:9px 11px;background:#7ce7ff0d;border:1px solid rgba(124,231,255,.14);border-radius:6px;display:flex;flex-direction:column;gap:3px;transition:all .18s ease}.nm-trait:hover{background:#7ce7ff17;border-color:var(--accent)}.nm-trait-label{font-family:var(--mono-font);font-size:8.5px;letter-spacing:.26em;color:#e6f0ff73}.nm-trait-value{font-size:12px;color:var(--accent);letter-spacing:.04em;font-weight:500}.nm-history{display:flex;flex-direction:column;gap:2px}.nm-hist-row{display:grid;grid-template-columns:80px 1fr 90px 80px;gap:8px;align-items:center;padding:8px 10px;background:#ffffff05;border-radius:4px;font-family:var(--mono-font);font-size:10.5px;color:#e6f0ffc7;letter-spacing:.04em}.nm-hist-row .mono{font-family:var(--mono-font)}.nm-hist-type{font-weight:500;letter-spacing:.18em;padding:3px 6px;border-radius:3px;text-align:center;background:#ffffff0d}.nm-hist-type.t-MINT{color:#9fffd1;background:#9fffd11a}.nm-hist-type.t-TRANSFER{color:#7ce7ff;background:#7ce7ff1a}.nm-hist-type.t-BID{color:#ffb86b;background:#ffb86b1f}.nm-hist-type.t-LIST{color:#c084ff;background:#c084ff1f}.nm-hist-type.t-BURN{color:#ff5fa2;background:#ff5fa21f}.nm-hist-amt{text-align:right;color:#fff}.nm-hist-when{text-align:right;color:#e6f0ff66}.nm-actions{display:flex;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}.nm-btn{flex:1;padding:12px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e6f0ffd9;font-family:var(--mono-font);font-size:11px;letter-spacing:.22em;cursor:pointer;transition:all .18s ease}.nm-btn:hover{background:#ffffff0f;border-color:var(--accent);color:#fff}.nm-btn.primary{background:linear-gradient(135deg,#7ce7ff2e,#c084ff2e);border-color:var(--accent);color:#fff;box-shadow:0 0 24px #7ce7ff2e}.nm-btn.primary:hover{background:linear-gradient(135deg,#7ce7ff4d,#c084ff4d);box-shadow:0 0 36px #7ce7ff59}.artist-card-wrap{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#2800188c,#02030ac7);backdrop-filter:blur(6px);pointer-events:auto;animation:artist-fade-in .4s ease-out}@keyframes artist-fade-in{0%{opacity:0}to{opacity:1}}.artist-card{max-width:420px;width:86%;padding:28px 30px 30px;background:linear-gradient(135deg,#0e0412f2,#1c061eeb);border:1px solid rgba(255,95,162,.4);border-radius:10px;box-shadow:0 24px 80px #000000b3,0 0 60px #ff5fa22e;position:relative;animation:artist-card-in .5s cubic-bezier(.2,.7,.3,1)}@keyframes artist-card-in{0%{opacity:0;transform:translateY(12px) scale(.97);letter-spacing:.5em}to{opacity:1;transform:translateY(0) scale(1)}}.ac-close{position:absolute;top:12px;right:14px;cursor:pointer;font-size:16px;color:#e6f0ff80;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.ac-close:hover{color:#ff5fa2}.ac-tag{font-family:var(--mono-font);font-size:9.5px;color:#ff5fa2;letter-spacing:.32em;margin-bottom:6px}.ac-name{font-size:30px;font-weight:300;letter-spacing:.32em;margin-bottom:18px;color:#fff;text-shadow:0 0 20px rgba(255,95,162,.45)}.ac-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:14px 0;border-top:1px solid rgba(255,95,162,.18);border-bottom:1px solid rgba(255,95,162,.18);font-family:var(--mono-font);font-size:10px;color:#e6f0ffd1;letter-spacing:.06em;margin-bottom:16px}.ac-meta span{color:#ff5fa2b3;letter-spacing:.22em;font-size:8.5px;display:block;margin-bottom:3px}.ac-epitaph{font-size:13px;line-height:1.7;color:#e6f0ffe0;font-style:italic;letter-spacing:.01em}.mute-btn{pointer-events:auto;margin-top:8px;background:var(--glass);border:1px solid var(--glass-stroke);border-radius:4px;color:var(--accent);font-family:var(--mono-font);font-size:9.5px;letter-spacing:.2em;padding:5px 9px;cursor:pointer;backdrop-filter:blur(8px);transition:all .2s ease}.mute-btn:hover{color:#fff;border-color:var(--accent);box-shadow:0 0 16px #7ce7ff40}.chain-console{position:fixed;left:28px;z-index:11;background:linear-gradient(135deg,#080e1ac7,#0e16269e);border:1px solid rgba(159,255,209,.22);border-radius:6px;backdrop-filter:blur(14px) saturate(1.2);font-family:var(--mono-font);font-size:10.5px;letter-spacing:.04em;pointer-events:none;box-shadow:0 8px 36px #00000080,0 0 22px #9fffd10f}.chain-console.compact{bottom:84px;left:auto;right:28px;width:280px;height:196px;font-size:10px}.chain-console.compact .cc-line{padding:2px 0;line-height:1.3;font-size:10px}.chain-console.compact .cc-stream{padding:6px 10px 8px}.chain-console.compact .cc-header{padding:7px 10px;flex-direction:column;align-items:flex-start;gap:4px}.chain-console.compact .cc-stats{font-size:9.5px;gap:10px}.chain-console.compact .cc-title{font-size:9px}.chain-console.expanded{top:110px;height:540px;left:auto;right:28px;width:440px}.cc-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(159,255,209,.18);background:#9fffd108}.cc-title{font-size:9.5px;color:#9fffd1;letter-spacing:.32em;font-weight:500}.cc-stats{display:flex;gap:12px;font-size:9.5px;color:#e6f0ff99;letter-spacing:.12em}.cc-stats b{color:#9fffd1;font-weight:500;margin-right:4px;opacity:.75}.cc-stream{padding:8px 14px 12px;overflow:hidden;height:calc(100% - 56px);display:flex;flex-direction:column}.cc-line{display:grid;grid-template-columns:64px 1fr;gap:6px;padding:3px 0;line-height:1.3;animation:cc-in .28s ease-out;white-space:nowrap;overflow:hidden;flex-shrink:0}.cc-line .cc-text{overflow:hidden;text-overflow:ellipsis;min-width:0}.cc-line.cc-block{font-weight:600;padding:4px 0;border-bottom:1px dashed rgba(159,255,209,.15);margin-bottom:3px;text-shadow:0 0 8px rgba(159,255,209,.5)}.cc-line.cc-tx{opacity:.92}.cc-line .cc-t{color:#e6f0ff6b}.cc-line .cc-text{font-feature-settings:"tnum";overflow:hidden;text-overflow:ellipsis}@keyframes cc-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.portal-label{position:fixed;left:0;top:0;z-index:9;pointer-events:none;padding:7px 12px 8px;background:linear-gradient(135deg,#0a0e1e8c,#140a2866);border:1px solid currentColor;border-radius:4px;backdrop-filter:blur(8px);font-family:var(--mono-font);white-space:nowrap;transition:opacity .25s ease;box-shadow:0 0 24px #0006;will-change:transform,opacity}.portal-label .ptag{font-size:9px;letter-spacing:.28em;opacity:.7;margin-bottom:2px}.portal-label .ptitle{font-size:13px;font-weight:600;letter-spacing:.22em;font-family:var(--hud-font)}.portal-label:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:1px;height:10px;background:currentColor;opacity:.6}.world-banner{position:fixed;bottom:140px;left:50%;transform:translate(-50%);z-index:9;pointer-events:none;text-align:center;padding:14px 26px 16px;border:1px solid currentColor;border-radius:6px;background:linear-gradient(135deg,#0a0e1e8c,#140a2866);backdrop-filter:blur(10px);animation:world-banner-in 1s ease-out}@keyframes world-banner-in{0%{opacity:0;transform:translate(-50%,12px);letter-spacing:.5em}to{opacity:1;transform:translate(-50%)}}.world-banner .wtag{font-family:var(--mono-font);font-size:9.5px;letter-spacing:.32em;opacity:.75;margin-bottom:6px}.world-banner .wtitle{font-size:22px;font-weight:300;letter-spacing:.36em;margin-bottom:6px}.world-banner .wmeta{font-family:var(--mono-font);font-size:10px;letter-spacing:.22em;opacity:.65}.crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;pointer-events:none;width:24px;height:24px}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--accent);opacity:.7}.crosshair:before{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.crosshair:after{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}