:root{color-scheme:dark;--tone:#39d9ed;--tone-2:#d7ad58}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:#010509}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4fbff}.node-face{position:relative;display:grid;width:100%;min-height:100vh;min-height:100dvh;grid-template-rows:auto 1fr auto;overflow:hidden;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--tone) 18%,transparent),transparent 34%),radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--tone-2) 12%,transparent),transparent 25%),linear-gradient(145deg,#061923,#010509 58%,#020408)}.node-face:before{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--tone) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--tone) 7%,transparent) 1px,transparent 1px);background-size:34px 34px;content:"";mask-image:linear-gradient(to bottom,black,transparent 78%);pointer-events:none}.home{position:relative;z-index:2;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--tone) 55%,transparent);border-radius:17px;background:#02090e;box-shadow:0 0 28px color-mix(in srgb,var(--tone) 20%,transparent)}.home img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.node-core{position:relative;z-index:1;display:grid;place-items:center;align-content:center;width:min(100%,850px);margin:auto;text-align:center}.node-mark{display:grid;width:min(52vw,260px);aspect-ratio:1;place-items:center;border:2px solid color-mix(in srgb,var(--tone) 72%,#fff);border-radius:34%;background:linear-gradient(145deg,color-mix(in srgb,var(--tone) 28%,#06121a),#020609 68%);box-shadow:inset 0 0 0 7px #020609,inset 0 0 0 9px color-mix(in srgb,var(--tone-2) 62%,transparent),0 24px 70px #000,0 0 60px color-mix(in srgb,var(--tone) 25%,transparent);color:var(--tone-2);font-size:clamp(4rem,18vw,8rem);font-weight:1000;letter-spacing:-.08em;text-shadow:0 3px 0 #000,0 0 18px color-mix(in srgb,var(--tone-2) 45%,transparent)}.node-art{display:block;width:min(92vw,980px);max-height:46vh;object-fit:contain;filter:drop-shadow(0 22px 42px #000)}.node-id{margin:22px 0 4px;color:var(--tone);font-size:.72rem;font-weight:900;letter-spacing:.22em}h1{margin:0;background:linear-gradient(90deg,var(--tone),#fff,var(--tone-2));background-clip:text;-webkit-background-clip:text;color:transparent;font-size:clamp(3.1rem,12vw,7.5rem);line-height:.95;letter-spacing:-.06em}.tagline{max-width:700px;margin:16px auto 0;color:#d6e4e9;font-size:clamp(1rem,3.2vw,1.35rem);font-weight:750;letter-spacing:.04em}.node-actions{position:relative;z-index:2;display:grid;width:min(100%,850px);grid-template-columns:repeat(4,1fr);gap:8px;margin:20px auto 0}.node-actions a{display:grid;min-height:54px;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 46%,transparent);border-radius:15px;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 15%,#07111a),#020609);color:#f6feff;font-size:clamp(.67rem,2.3vw,.9rem);font-weight:950;letter-spacing:.09em;text-decoration:none}.node-actions a:focus-visible,.node-actions a:hover{outline:2px solid var(--tone);outline-offset:2px;filter:brightness(1.2)}@media(max-height:690px){.node-mark{width:min(34vh,190px)}.node-id{margin-top:12px}.tagline{margin-top:9px}.node-actions{margin-top:12px}.node-actions a{min-height:44px}}@media(max-width:520px){.node-actions{grid-template-columns:repeat(2,1fr)}}
