:root{--space-dark: #050505;--space-medium: #0a0a0a;--electric-blue: #ff7700;--neon-purple: #cc2200;--cyan: #ffaa33;--pink: #ff3300;--glass-white: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--font-name: "Michroma", "Exo 2", sans-serif;font-family:"Exo 2",Rajdhani,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--space-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:var(--space-dark)}#root{width:100vw;height:100vh}a{font-weight:500;color:var(--electric-blue);text-decoration:none;transition:color .3s ease}a:hover{color:var(--cyan)}button{border-radius:8px;border:1px solid var(--glass-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--glass-white);color:var(--text-primary);cursor:pointer;transition:all .3s ease;touch-action:manipulation}a{touch-action:manipulation}button:hover{border-color:var(--electric-blue);background-color:#ff77001a}button:focus,button:focus-visible{outline:2px solid var(--electric-blue);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:Orbitron,Rajdhani,sans-serif;font-weight:600;letter-spacing:2px;text-transform:uppercase}.route-fallback{position:fixed;inset:0;background:var(--space-dark)}.warp-flash{position:fixed;inset:0;z-index:9998;background:#fff;pointer-events:none}.page-scroll{position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--space-dark)}*{cursor:none!important}body.game-playing .cursor-reticle{display:none}.cursor-reticle{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;filter:drop-shadow(0 0 5px rgba(255,119,0,.65))}.reticle-ring{transform-origin:22px 22px;animation:reticle-spin 10s linear infinite}@keyframes reticle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gate-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:flex-end;padding:0 1rem 24px;pointer-events:none;z-index:3000}.gate-overlay--center{align-items:center;padding-bottom:0}.gate-scrim{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0a04008c,#000c);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto}.gate-modal{position:relative;pointer-events:auto;width:100%;max-width:360px;background:#000000f7;border:1px solid rgba(255,140,0,.7);border-radius:12px;overflow:hidden;box-shadow:0 0 40px #ff770026,0 0 12px #b4500033,inset 0 1px #ffffff0a}.gate-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,140,0,.7),rgba(200,100,0,.5),transparent)}.gate-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem .5rem;border-bottom:1px solid rgba(255,140,0,.15)}.gate-status{font-family:Share Tech Mono,monospace;font-size:.6rem;letter-spacing:3px;color:#ffa500cc;animation:gateBlink 1.4s ease-in-out infinite}@keyframes gateBlink{0%,to{opacity:.5}50%{opacity:1}}.gate-close,.gate-submit{display:flex;align-items:center;justify-content:center;padding:.6rem;background:#ff8c0014;border:1px solid rgba(255,140,0,.6);border-radius:8px;color:#ffa500cc;flex-shrink:0;transition:all .3s ease}.gate-close:hover,.gate-submit:hover,.gate-submit:focus-visible{background:#ff8c0033;border-color:#ffa500e6;color:#ffc832;box-shadow:0 0 10px #ff8c004d}.gate-body{padding:1rem}.gate-label{display:block;font-family:Share Tech Mono,monospace;font-size:.62rem;line-height:1.6;letter-spacing:2px;text-transform:uppercase;color:#ffa500a6;margin-bottom:.75rem}.gate-row{display:flex;gap:.5rem}.gate-input{flex:1;min-width:0;background:#ff77000a;border:1px solid rgba(255,140,0,.4);border-radius:6px;padding:.6rem .75rem;font-family:Share Tech Mono,monospace;font-size:16px;color:#ffdc96;letter-spacing:1px;outline:none;transition:border-color .2s ease}.gate-input:focus{border-color:#ffa500d9}.gate-modal--rejected{border-color:#ff3737cc;box-shadow:0 0 40px #ff00002e,0 0 12px #c8003c40,inset 0 1px #ffffff0a}.gate-modal--rejected:before{background:linear-gradient(90deg,transparent,rgba(255,55,55,.8),rgba(180,0,60,.6),transparent)}.gate-modal--rejected .gate-status{color:#ff4646f2}.gate-modal--rejected .gate-label{color:#ff4646bf}.gate-modal--rejected .gate-close,.gate-modal--rejected .gate-submit{border-color:#ff3737b3;color:#ff3737b3;background:#ff00000f}.gate-input--error{border-color:#ff5050cc;animation:gateShake .35s ease}@keyframes gateShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.intro{--amber: #ff7700;--amber-soft: #ffaa33;--ember: #ff3300;--ink: #f4efe9;--ink-2: rgba(244, 239, 233, .66);--ink-3: rgba(244, 239, 233, .42);--line: rgba(255, 255, 255, .08);--mono: "Share Tech Mono", ui-monospace, monospace;color:var(--ink);isolation:isolate}.intro-sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,#0d0805,#050505 60%)}.intro-stars{position:absolute;inset:0;width:100%;height:100%;animation:introFade 2.4s ease both}.intro-nebula{position:absolute;inset:-20%;background:radial-gradient(38% 30% at 18% 22%,rgba(255,119,0,.1),transparent 70%),radial-gradient(30% 26% at 84% 30%,rgba(255,51,0,.07),transparent 70%),radial-gradient(45% 35% at 60% 85%,rgba(255,140,40,.06),transparent 70%);filter:blur(20px);animation:introFade 3s ease both,nebulaDrift 40s ease-in-out infinite alternate}.intro-horizon{position:absolute;left:50%;top:60vh;width:200vmax;height:200vmax;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 0%,#120904,#050302 18%,#030303 40%);box-shadow:0 -1px #ffbe788c,0 -6px 24px #ff770047,0 -40px 120px #ff5a0029,inset 0 18px 40px #ff77001a;animation:horizonRise 2.2s cubic-bezier(.22,1,.36,1) .2s both}.intro-vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.7) 100%)}@keyframes introFade{0%{opacity:0}to{opacity:1}}@keyframes nebulaDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3%,2%,0) scale(1.06)}}@keyframes horizonRise{0%{opacity:0;transform:translate(-50%) translateY(6vmax)}to{opacity:1;transform:translate(-50%) translateY(0)}}.intro-main{width:100%;max-width:1180px;min-height:100%;margin:0 auto;padding:calc(clamp(2.5rem,8vh,6rem) + env(safe-area-inset-top,0px)) clamp(16px,4vw,48px) calc(1.75rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;justify-content:center;gap:clamp(2.5rem,7vh,4.5rem)}.intro-hero{text-align:center;display:flex;flex-direction:column;align-items:center}.intro-eyebrow{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .9rem;border:1px solid var(--line);border-radius:999px;background:#ffffff05;font-family:var(--mono);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-2);margin-bottom:1.75rem}.intro-pulse{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 #f709;animation:introPulse 2.4s ease-out infinite}@keyframes introPulse{0%{box-shadow:0 0 #ff77008c}70%{box-shadow:0 0 0 8px #f700}to{box-shadow:0 0 #f700}}.intro-name{margin:0;font-family:var(--font-name);font-weight:400;font-size:clamp(1.9rem,5.6vw,4.25rem);line-height:1.1;letter-spacing:.02em;display:flex;flex-wrap:wrap;justify-content:center;column-gap:.28em}.intro-name-mask{display:inline-block;overflow:hidden;padding:.04em .02em .1em}.intro-name-word{display:inline-block;background:linear-gradient(180deg,#fff 30%,#ffd9b0 75%,#ff9a40 115%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 60px rgba(255,119,0,.12)}.intro-role{margin-top:1.25rem;font-family:var(--mono);font-size:clamp(.72rem,1.4vw,.85rem);letter-spacing:.3em;text-transform:uppercase;color:var(--amber-soft)}.intro-sep{color:var(--ink-3);margin:0 .5em}.intro-statement{margin-top:1.1rem;max-width:34rem;font-size:clamp(1rem,1.6vw,1.12rem);font-weight:300;line-height:1.65;color:var(--ink-2);text-wrap:balance}.intro-choose{display:flex;align-items:center;gap:1rem;margin:0 0 1.25rem;font-family:var(--mono);font-weight:400;font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-3)}.intro-choose:before,.intro-choose:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line) 30%,var(--line) 70%,transparent)}.dest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.25rem)}.dest-card{--mx: 50%;--my: 0%;--accent: var(--amber);position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.6rem;min-height:300px;padding:1.4rem 1.4rem 1.25rem;border:1px solid var(--line);border-radius:18px;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,119,0,.09),transparent 45%),linear-gradient(180deg,#ffffff09,#ffffff03);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);color:var(--ink);font:inherit;overflow:hidden;isolation:isolate;transition:border-color .4s ease,transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}.dest-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(255,170,80,.75),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.dest-card:after{content:"";position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(180deg,transparent,rgba(255,140,40,.06),transparent);transform:translateY(0);opacity:0;pointer-events:none;z-index:-1}.dest-card:hover,.dest-card:focus-visible{border-color:#ff8c2847;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,119,0,.12),transparent 45%),linear-gradient(180deg,#ffffff0b,#ffffff04);transform:translateY(-4px);box-shadow:0 24px 60px -20px #000c,0 0 40px -10px #ff770040}.dest-card:hover:before,.dest-card:focus-visible:before{opacity:1}.dest-card:hover:after{animation:destScan 1.6s cubic-bezier(.4,0,.2,1)}@keyframes destScan{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(460%)}}.dest-card:focus{outline:none}.dest-card:focus-visible{outline:2px solid rgba(255,170,80,.9);outline-offset:3px}.dest-top{display:flex;width:100%;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase}.dest-index{color:var(--amber-soft)}.dest-kicker{color:var(--ink-3)}.dest-visual{display:flex;align-items:center;justify-content:center;width:88px;height:88px;margin:.9rem 0 auto;border-radius:50%;background:radial-gradient(circle,rgba(255,119,0,.08),transparent 70%)}.dest-title{display:flex;align-items:center;gap:.4rem;margin-top:1.25rem;font-family:"Exo 2",sans-serif;font-size:clamp(1.3rem,2vw,1.55rem);font-weight:400;letter-spacing:.01em;color:var(--ink)}.dest-arrow{color:var(--ink-3);transition:transform .45s cubic-bezier(.22,1,.36,1),color .3s ease}.dest-card:hover .dest-arrow,.dest-card:focus-visible .dest-arrow{color:var(--amber-soft);transform:translate(3px,-3px)}.dest-desc{min-height:calc(1.6em * 3);font-size:.93rem;line-height:1.6;font-weight:300;color:var(--ink-2)}.dest-meta{display:flex;align-items:center;gap:.45rem;width:100%;margin-top:.6rem;padding-top:.85rem;border-top:1px solid var(--line);font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}.dest-card--case .dest-meta{color:#ffaa50bf}.dest-key,.intro-hint kbd{font-family:var(--mono);font-size:.62rem;line-height:1;padding:.25rem .4rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;color:var(--ink-3);letter-spacing:0}.dest-key{margin-left:auto}.dest-glyph{width:68px;height:68px;overflow:visible;fill:none;stroke-linecap:round}.glyph-resume .g-spine{stroke:#ffaa5059;stroke-width:1.2}.glyph-resume .g-node{fill:#050505;stroke:var(--amber);stroke-width:1.4;animation:nodeGlow 3s ease-in-out infinite;animation-delay:calc(var(--i) * .4s)}.glyph-resume .g-bar{fill:#f4efe98c}.glyph-resume .g-bar--dim{fill:#f4efe933}@keyframes nodeGlow{0%,60%,to{fill:#050505;filter:none}20%{fill:var(--amber);filter:drop-shadow(0 0 4px var(--amber))}}.glyph-case .g-frame{stroke:#f4efe980;stroke-width:1.3}.glyph-case .g-bubble{fill:#f4efe940}.glyph-case .g-bubble--out{fill:#ffaa508c}.glyph-case .g-scan{stroke:var(--amber-soft);stroke-width:1;opacity:.8;animation:glyphScan 2.8s ease-in-out infinite}.glyph-case .g-badge{fill:#0a0603;stroke:var(--amber);stroke-width:1.3}.glyph-case .g-lock{stroke:var(--amber-soft);stroke-width:1.2;stroke-linejoin:round}@keyframes glyphScan{0%,to{transform:translateY(0);opacity:0}10%{opacity:.8}50%{transform:translateY(36px);opacity:.8}60%{opacity:0}}.glyph-space .g-ring{stroke:#ffc88cbf;stroke-width:1.2}.glyph-space .g-ring--back{stroke:#ffc88c40}.glyph-space .g-moon{fill:#fff;filter:drop-shadow(0 0 3px #ffaa33)}.glyph-space .g-orbit{transform-origin:32px 32px;animation:glyphOrbit 9s linear infinite}@keyframes glyphOrbit{to{transform:rotate(360deg)}}.dest-card:hover .g-orbit{animation-duration:3s}.intro-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.25rem;border-top:1px solid var(--line)}.intro-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.intro-links a{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.72rem;font-weight:400;letter-spacing:.08em;color:var(--ink-2)}.intro-links a:hover,.intro-links a:focus-visible{color:var(--amber-soft)}.intro-hint{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}@media(max-width:900px){.dest-grid{grid-template-columns:1fr}.dest-card{display:grid;grid-template-columns:56px 1fr;grid-template-areas:"top top" "vis title" "vis desc" "meta meta";column-gap:1rem;row-gap:.35rem;min-height:0;padding:1.1rem 1.1rem 1rem}.dest-top{grid-area:top;margin-bottom:.5rem}.dest-visual{grid-area:vis;width:56px;height:56px;margin:0;align-self:start}.dest-glyph{width:44px;height:44px}.dest-title{grid-area:title;margin-top:0}.dest-desc{grid-area:desc;font-size:.88rem;min-height:0}.dest-meta{grid-area:meta}}@media(max-width:520px){.intro-role{letter-spacing:.18em}.intro-sep{display:block;height:0;overflow:hidden}.intro-footer,.intro-links{justify-content:center}}@media(prefers-reduced-motion:reduce){.intro *,.intro *:before,.intro *:after{animation:none!important;transition-duration:.01s!important}}
