.synth{position:relative;overflow-x:clip}.synth:after{content:"";z-index:60;pointer-events:none;background:repeating-linear-gradient(180deg, transparent 0 2px, var(--scanline) 2px 3px);opacity:.35;mix-blend-mode:multiply;position:fixed;inset:0}.wordmark{font-family:var(--font-script);letter-spacing:.01em;background:linear-gradient(180deg, var(--chrome-sky) 0%, var(--chrome-shine) 46%, var(--chrome-horizon) 50%, var(--chrome-ground) 100%);color:#0000;filter:drop-shadow(0 0 6px var(--chrome-edge));-webkit-background-clip:text;background-clip:text;padding:.1em .18em .15em .05em;font-weight:400;line-height:1}.display{font-family:var(--font-headline);letter-spacing:-.01em;font-weight:400}.display-ko{font-family:var(--font-display-ko);letter-spacing:-.02em;font-weight:400}.chrome-text{background:linear-gradient(180deg, var(--chrome-sky) 0%, var(--chrome-shine) 44%, var(--chrome-horizon) 52%, var(--sun-top) 70%, var(--secondary) 100%);color:#0000;filter:drop-shadow(0 0 18px var(--glow-accent));-webkit-background-clip:text;background-clip:text}.neon-text{color:var(--foreground);text-shadow:0 0 6px var(--glow-primary), 0 0 22px var(--glow-primary)}.eyebrow{font-family:var(--font-accent);letter-spacing:.24em;text-transform:uppercase;color:var(--primary);align-items:center;gap:.6rem;font-size:.72rem;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:1.75rem;height:2px;box-shadow:0 0 8px}.synth-header{z-index:50;background:color-mix(in oklch, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(12px)saturate(140%);position:sticky;top:0}.synth-header:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--primary), var(--secondary), transparent);opacity:.8;height:1px;position:absolute;bottom:0;left:0;right:0}.nav-link{position:relative}.nav-link:after{content:"";background:var(--primary);height:2px;box-shadow:0 0 8px var(--glow-primary);transform-origin:0;transition:transform .2s;position:absolute;bottom:.3rem;left:.75rem;right:.75rem;transform:scaleX(0)}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1)}.btn-neon{background:linear-gradient(90deg, var(--secondary), var(--sun-bottom));color:var(--secondary-foreground);box-shadow:0 0 0 1px color-mix(in oklch, var(--sun-top) 60%, transparent) inset, 0 0 24px var(--glow-secondary);transition:box-shadow .2s,transform .2s}.btn-neon:hover{box-shadow:0 0 0 1px var(--sun-top) inset, 0 0 36px var(--glow-secondary), 0 0 64px var(--glow-accent);transform:translateY(-1px)}.btn-outline-neon{color:var(--primary);border:1px solid var(--primary);box-shadow:0 0 12px var(--glow-primary), 0 0 12px var(--glow-primary) inset;transition:background-color .2s}.btn-outline-neon:hover{background:color-mix(in oklch, var(--primary) 14%, transparent)}.hero{isolation:isolate;background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 55%, var(--sky-horizon) 100%);--floor-h:28.5rem;position:relative}@media (min-width:1024px){.hero{--floor-h:9.5rem}}.stars{z-index:-2;background-image:radial-gradient(1px 1px at 12% 18%, var(--star), transparent 60%), radial-gradient(1px 1px at 28% 42%, var(--star), transparent 60%), radial-gradient(1.5px 1.5px at 44% 12%, var(--star), transparent 60%), radial-gradient(1px 1px at 63% 30%, var(--star), transparent 60%), radial-gradient(1px 1px at 78% 8%, var(--star), transparent 60%), radial-gradient(1.5px 1.5px at 90% 36%, var(--star), transparent 60%), radial-gradient(1px 1px at 6% 52%, var(--star), transparent 60%), radial-gradient(1px 1px at 52% 50%, var(--star), transparent 60%), radial-gradient(1px 1px at 35% 6%, var(--star), transparent 60%), radial-gradient(1px 1px at 70% 55%, var(--star), transparent 60%);opacity:.8;position:absolute;inset:0}.scene{isolation:isolate;position:relative}.horizon{left:-100vw;right:-100vw;bottom:var(--floor-h);z-index:-1;background:var(--accent);height:2px;box-shadow:0 0 12px var(--accent), 0 0 40px var(--glow-accent);position:absolute}.record-sun{left:50%;bottom:calc(var(--floor-h) - 1px);aspect-ratio:2;z-index:-1;pointer-events:none;width:min(100%,30rem);position:absolute;overflow:hidden;transform:translate(-50%)}@media (min-width:1024px){.record-sun{width:min(56rem,165%);left:58%}}.floor-note{border-radius:calc(var(--radius) * .6);background:color-mix(in oklch, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(4px);padding:.3rem .6rem}.record-sun-disc{aspect-ratio:1;background:repeating-radial-gradient(circle at center, transparent 0 5px, color-mix(in oklch, var(--sun-bottom) 22%, transparent) 5px 6px), linear-gradient(180deg, var(--sun-top) 8%, var(--sun-mid) 40%, var(--sun-bottom) 50%);box-shadow:0 0 60px var(--sun-glow), 0 0 160px var(--sun-glow);-webkit-mask-image:linear-gradient(180deg, var(--foreground) 0 26%, transparent 26% 27.5%, var(--foreground) 27.5% 32%, transparent 32% 34.5%, var(--foreground) 34.5% 38%, transparent 38% 41.5%, var(--foreground) 41.5% 44%, transparent 44% 48%, var(--foreground) 48% 100%);-webkit-mask-image:linear-gradient(180deg, var(--foreground) 0 26%, transparent 26% 27.5%, var(--foreground) 27.5% 32%, transparent 32% 34.5%, var(--foreground) 34.5% 38%, transparent 38% 41.5%, var(--foreground) 41.5% 44%, transparent 44% 48%, var(--foreground) 48% 100%);mask-image:linear-gradient(180deg, var(--foreground) 0 26%, transparent 26% 27.5%, var(--foreground) 27.5% 32%, transparent 32% 34.5%, var(--foreground) 34.5% 38%, transparent 38% 41.5%, var(--foreground) 41.5% 44%, transparent 44% 48%, var(--foreground) 48% 100%);border-radius:9999px;position:absolute;top:0;left:0;right:0}.record-sun-sheen{border-radius:inherit;background:conic-gradient(from 0deg, transparent 0deg, color-mix(in oklch, var(--chrome-shine) 38%, transparent) 18deg, transparent 40deg, transparent 180deg, color-mix(in oklch, var(--chrome-shine) 26%, transparent) 198deg, transparent 220deg);mix-blend-mode:soft-light;position:absolute;inset:0}.record-sun-hole{background:var(--sky-horizon);border-radius:9999px;width:.9rem;height:.9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tonearm{width:100%;height:100%;color:var(--chrome-sky);filter:drop-shadow(0 0 3px var(--glow-primary)) drop-shadow(0 0 10px var(--glow-primary));position:absolute;inset:0;overflow:visible}.tonearm path,.tonearm circle{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tonearm .tonearm-head,.tonearm .tonearm-weight{fill:color-mix(in oklch, var(--background) 70%, transparent)}.tonearm-swing{transform-box:view-box;transform-origin:182px 22px}.seoul{left:50%;bottom:calc(var(--floor-h) - 1px);aspect-ratio:2;z-index:-1;pointer-events:none;width:min(100%,30rem);position:absolute;transform:translate(-50%)}@media (min-width:1024px){.seoul{width:min(56rem,165%);left:58%}}.seoul svg{width:100%;height:100%;overflow:visible}.seoul .seoul-hill,.seoul .seoul-solid{fill:var(--mountain);stroke:var(--primary);stroke-width:1.4px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.seoul .seoul-hill{filter:drop-shadow(0 0 5px var(--glow-primary))}.namsan-tower{filter:drop-shadow(0 0 4px var(--glow-primary)) drop-shadow(0 0 12px var(--glow-primary))}.namsan-tower path:not(.seoul-solid){fill:none;stroke:var(--primary);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.namsan-tower .tower-band{stroke:var(--sun-top);stroke-width:2.4px;stroke-dasharray:2 3}.tower-beacon{fill:var(--secondary);filter:drop-shadow(0 0 4px var(--secondary))}.stop-sun-top{stop-color:var(--sun-top)}.stop-sun-mid{stop-color:var(--secondary)}.stop-sun-bottom{stop-color:color-mix(in oklch, var(--sun-bottom) 60%, var(--mountain))}.sixty-three .glass-face{fill:url(#sunset-glass)}.sixty-three{filter:drop-shadow(0 0 10px var(--sun-glow))}.sixty-three .glass-floors{stroke:color-mix(in oklch, var(--mountain) 55%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.sixty-three .glass-edge{fill:none;stroke:var(--chrome-shine);stroke-width:1.2px;opacity:.7;vector-effect:non-scaling-stroke}.seoul .apt-face{fill:url(#apt-windows)}.seoul .apt-lit{fill:var(--sun-top);opacity:.55}.mountains{left:-100vw;right:-100vw;bottom:var(--floor-h);z-index:-1;pointer-events:none;height:5.5rem;color:var(--accent);justify-content:center;display:flex;position:absolute}.mountains svg{flex:none;width:120rem;height:100%}.mountains .ridge{fill:var(--mountain);stroke:currentColor;stroke-width:1.4px;filter:drop-shadow(0 0 4px var(--glow-accent))}.mountains .wire{fill:none;stroke:currentColor;stroke-width:.8px;opacity:.45}.floor{height:calc(var(--floor-h) + 6rem);z-index:-1;perspective:260px;perspective-origin:50% 0;background:linear-gradient(180deg, var(--sky-horizon), var(--grid-floor) 60%);pointer-events:none;position:absolute;bottom:-6rem;left:-100vw;right:-100vw;overflow:hidden}.floor-plane{transform-origin:50% 0;background-image:linear-gradient(90deg, var(--grid-line) 0 2px, transparent 2px), linear-gradient(180deg, var(--grid-line) 0 2px, transparent 2px);height:300%;filter:drop-shadow(0 0 3px var(--grid-line));opacity:.85;background-position:50% 0;background-size:64px 64px;position:absolute;top:0;left:0;right:0;transform:rotateX(72deg)}.floor:after{content:"";background:linear-gradient(180deg, var(--sky-horizon) 0%, transparent 30%);position:absolute;inset:0}.crate-stage{perspective:1400px;perspective-origin:50% 0;position:relative}.crate-stack{position:absolute;inset:6.5rem 1rem .5rem}.crate-card{transform-origin:50% 100%;transform:translateY(calc(var(--depth) * -1.25rem)) scale(calc(1 - var(--depth) * .025));border-radius:calc(var(--radius) * .6);position:absolute;inset:0}.crate-card[data-state=past]{opacity:0;pointer-events:none;transform:translateY(22%)rotateX(-82deg)}.crate-card[data-state=far]{opacity:0;pointer-events:none}.crate-tab{top:-1.7rem;left:var(--tab-x);border-radius:calc(var(--radius) * 1.2) calc(var(--radius) * 1.2) 0 0;min-width:5.5rem;height:1.8rem;font-family:var(--font-accent);letter-spacing:.06em;cursor:pointer;align-items:center;padding:0 .75rem;font-size:.7rem;font-weight:700;transition:box-shadow .18s,filter .18s;display:flex;position:absolute}.crate-tab:hover{filter:brightness(1.18);box-shadow:0 0 0 1px var(--sleeve-line) inset, 0 -4px 16px color-mix(in oklch, var(--sleeve-line) 45%, transparent)}.crate-tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.sleeve{--sky-a:var(--background);--sky-b:var(--accent);--sleeve-ink:var(--foreground);--sleeve-line:var(--primary);border-radius:inherit;height:100%;color:var(--sleeve-ink);background:linear-gradient(180deg, var(--sky-a) 0%, var(--sky-b) 100%);box-shadow:0 0 0 1px color-mix(in oklch, var(--sleeve-line) 70%, transparent) inset, 0 -2px 18px var(--sleeve-shadow), 0 0 22px color-mix(in oklch, var(--sleeve-line) 22%, transparent);position:relative;overflow:hidden}.sleeve-tab{background:var(--sky-b);color:var(--sleeve-ink);box-shadow:0 0 0 1px color-mix(in oklch, var(--sleeve-line) 70%, transparent) inset}.tone-cyan{--sky-a:color-mix(in oklch, var(--background) 85%, var(--primary));--sky-b:color-mix(in oklch, var(--primary) 55%, var(--background));--sleeve-line:var(--primary)}.tone-sunset{--sky-a:color-mix(in oklch, var(--background) 60%, var(--accent));--sky-b:color-mix(in oklch, var(--secondary) 70%, var(--background));--sleeve-line:var(--secondary)}.tone-night{--sky-a:var(--vinyl);--sky-b:color-mix(in oklch, var(--vinyl) 70%, var(--accent));--sleeve-line:var(--accent)}.tone-chrome{--sky-a:color-mix(in oklch, var(--chrome-sky) 60%, var(--background));--sky-b:color-mix(in oklch, var(--chrome-horizon) 70%, var(--sun-top));--sleeve-line:var(--chrome-sky)}.tone-orchid{--sky-a:color-mix(in oklch, var(--background) 70%, var(--accent));--sky-b:color-mix(in oklch, var(--accent) 60%, var(--sun-bottom));--sleeve-line:var(--accent)}.sleeve-grid{perspective:120px;perspective-origin:50% 0;border-top:1px solid var(--sleeve-line);height:40%;box-shadow:0 -1px 10px var(--sleeve-line);position:absolute;bottom:0;left:-30%;right:-30%;overflow:hidden}.sleeve-grid:before{content:"";transform-origin:50% 0;background-image:linear-gradient(90deg, var(--sleeve-line) 0 1px, transparent 1px), linear-gradient(180deg, var(--sleeve-line) 0 1px, transparent 1px);opacity:.7;background-size:28px 28px;position:absolute;inset:0 0 -200%;transform:rotateX(70deg)}.crate-front{z-index:300;border-radius:calc(var(--radius) * 1.2);background:radial-gradient(ellipse at 50% 0%, color-mix(in oklch, var(--primary) 16%, transparent), transparent 70%), var(--crate);height:26%;color:var(--crate-foreground);box-shadow:0 0 0 1px var(--primary) inset, 0 0 18px var(--glow-primary), 0 -8px 24px var(--sleeve-shadow);position:absolute;bottom:0;left:0;right:0}.crate-holes{background-image:radial-gradient(closest-side, color-mix(in oklch, var(--primary) 30%, transparent) 0 70%, transparent 76%);opacity:.55;background-size:1.6rem 1.25rem;height:calc(100% - 3.4rem);position:absolute;inset:.9rem 1rem auto}.crate-handle{background:var(--vinyl);width:6rem;height:1rem;box-shadow:0 0 0 1px var(--primary) inset;border-radius:9999px;position:relative}@media (prefers-reduced-motion:no-preference){.crate-card{transition:transform .46s cubic-bezier(.2,.7,.2,1),opacity .32s}}.vinyl-disc{background:conic-gradient(from 30deg, transparent 0deg, color-mix(in oklch, var(--primary) 22%, transparent) 40deg, transparent 80deg, transparent 180deg, color-mix(in oklch, var(--accent) 22%, transparent) 220deg, transparent 260deg), repeating-radial-gradient(circle at center, var(--vinyl) 0 2px, var(--vinyl-groove) 2px 3px);box-shadow:0 0 0 1px color-mix(in oklch, var(--vinyl-foreground) 10%, transparent);border-radius:9999px}.vinyl-lit{box-shadow:0 0 0 2px var(--primary), 0 0 30px var(--glow-primary), 0 0 90px var(--glow-accent)}.vinyl-scratch{stroke:var(--vinyl-scratch);fill:none;opacity:0;filter:drop-shadow(0 0 2px var(--primary))}.vinyl-scratch[data-on=true]{opacity:1}.vinyl-inspect{transform:rotate(var(--turn))}@media (prefers-reduced-motion:no-preference){.vinyl-scratch{transition:opacity .26s}.vinyl-inspect{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.vinyl-spin{animation:1.8s linear infinite vinyl-spin}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.grading-bay{background:radial-gradient(ellipse 45% 55% at 22% 68%, color-mix(in oklch, var(--accent) 18%, transparent), transparent 70%), radial-gradient(ellipse 40% 40% at 80% 30%, color-mix(in oklch, var(--primary) 8%, transparent), transparent 70%), var(--background);position:relative}.grading-bay:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.deck{background:linear-gradient(180deg, var(--muted), var(--card));border:1px solid var(--border);border-radius:calc(var(--radius) * 2);box-shadow:0 1px 0 color-mix(in oklch, var(--foreground) 12%, transparent) inset, 0 20px 40px var(--sleeve-shadow)}.deck-key{background:linear-gradient(180deg, var(--muted), var(--background));border:1px solid var(--border);border-radius:calc(var(--radius) * .8);color:var(--muted-foreground);transition:color .15s,box-shadow .15s,transform .15s;position:relative}.deck-key:before{content:"";background:var(--border);border-radius:9999px;width:1.1rem;height:.2rem;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}.deck-key:hover{color:var(--foreground)}.deck-key[aria-checked=true]{color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset, 0 0 16px var(--glow-primary);text-shadow:0 0 10px var(--glow-primary);transform:translateY(1px)}.deck-key[aria-checked=true]:before{background:var(--primary);box-shadow:0 0 8px var(--primary)}.meter-seg{background:color-mix(in oklch, var(--foreground) 10%, transparent);border-radius:2px;flex:1;height:100%;transition:background-color .2s,box-shadow .2s}.meter-seg[data-on=true]{background:var(--seg);box-shadow:0 0 8px var(--seg)}.lcd{font-family:var(--font-accent);color:var(--primary);text-shadow:0 0 8px var(--glow-primary)}.neon-panel{background:linear-gradient(180deg, color-mix(in oklch, var(--card) 92%, var(--accent)), var(--card));border:1px solid color-mix(in oklch, var(--accent) 50%, var(--border));border-radius:calc(var(--radius) * 2);box-shadow:0 0 0 1px color-mix(in oklch, var(--accent) 18%, transparent), 0 0 40px color-mix(in oklch, var(--accent) 16%, transparent), 0 24px 60px var(--sleeve-shadow);position:relative}.panel-head{background:linear-gradient(90deg, color-mix(in oklch, var(--accent) 22%, transparent), transparent 70%);border-bottom:1px solid color-mix(in oklch, var(--accent) 45%, var(--border))}.panel-foot{border-top:1px solid color-mix(in oklch, var(--accent) 45%, var(--border));background:linear-gradient(90deg, transparent 30%, color-mix(in oklch, var(--primary) 8%, transparent))}.stereo-badge{border:1px solid var(--secondary);color:var(--secondary);font-family:var(--font-headline);letter-spacing:.3em;border-radius:9999px;padding:.15rem .5rem;font-size:.55rem;display:inline-block}.barcode{background:repeating-linear-gradient(90deg, var(--foreground) 0 1px, transparent 1px 3px, var(--foreground) 3px 5px, transparent 5px 6px, var(--foreground) 6px 7px, transparent 7px 10px) content-box, color-mix(in oklch, var(--foreground) 6%, transparent);opacity:.8;border-radius:2px;flex:none;width:5.5rem;height:2.4rem;padding:.25rem}.mini-sun{aspect-ratio:2;flex:none;width:2.75rem;position:relative;overflow:hidden}.mini-sun:before{content:"";background:linear-gradient(180deg, var(--sun-top) 10%, var(--secondary) 35%, var(--sun-bottom) 50%);-webkit-mask-image:linear-gradient(180deg, var(--foreground) 0 28%, transparent 28% 32%, var(--foreground) 32% 38%, transparent 38% 42%, var(--foreground) 42% 45%, transparent 45% 50%);-webkit-mask-image:linear-gradient(180deg, var(--foreground) 0 28%, transparent 28% 32%, var(--foreground) 32% 38%, transparent 38% 42%, var(--foreground) 42% 45%, transparent 45% 50%);mask-image:linear-gradient(180deg, var(--foreground) 0 28%, transparent 28% 32%, var(--foreground) 32% 38%, transparent 38% 42%, var(--foreground) 42% 45%, transparent 45% 50%);border-radius:9999px;position:absolute;inset:0 0 -100%}.field-cell{transition:background-color .2s}.field-cell:hover{background:color-mix(in oklch, var(--primary) 7%, transparent)}.field-code{color:var(--primary);text-shadow:0 0 8px var(--glow-primary)}.arrivals-bay{background:radial-gradient(ellipse 70% 40% at 50% 0%, color-mix(in oklch, var(--primary) 10%, transparent), transparent 70%), var(--background);position:relative}.wall{padding-top:2.25rem;position:relative}.wall-rail{background:linear-gradient(90deg, var(--accent), var(--primary) 50%, var(--secondary));height:3px;box-shadow:0 0 10px var(--glow-primary), 0 0 30px var(--glow-accent);border-radius:9999px;position:absolute;top:0;left:0;right:0}.arrival-hang{aspect-ratio:1/.82;position:relative}.arrival-hang:before{content:"";background:linear-gradient(180deg, var(--primary), color-mix(in oklch, var(--primary) 20%, transparent));width:1px;height:2.25rem;position:absolute;top:-2.25rem;left:41%}.arrival-disc{aspect-ratio:1;justify-content:center;align-items:center;width:82%;display:flex;position:absolute;top:0;left:0;transform:translate(9%)rotate(0)}.arrival-label{aspect-ratio:1;background:linear-gradient(180deg, var(--sun-top), var(--secondary) 55%, var(--sun-bottom));width:34%;color:var(--secondary-foreground);font-family:var(--font-headline);letter-spacing:.15em;text-transform:uppercase;border-radius:9999px;justify-content:center;align-items:center;font-size:.45rem;display:flex}.cover{aspect-ratio:1;border-radius:calc(var(--radius) * .5);background:linear-gradient(180deg, var(--sky-top), var(--sky-mid) 60%, var(--sky-horizon));width:82%;box-shadow:0 0 0 1px color-mix(in oklch, var(--foreground) 14%, transparent) inset, 0 14px 30px var(--sleeve-shadow), 0 0 26px color-mix(in oklch, var(--accent) 20%, transparent);position:absolute;top:0;left:0;overflow:hidden}.cover:after{content:"";box-shadow:0 0 0 1px color-mix(in oklch, var(--chrome-shine) 7%, transparent);pointer-events:none;border-radius:9999px;position:absolute;inset:9%}.cover-band{font-family:var(--font-headline);letter-spacing:.22em;text-transform:uppercase;color:var(--chrome-sky);text-shadow:0 0 6px var(--glow-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.5rem;position:absolute;top:.6rem;left:.7rem;right:.7rem;overflow:hidden}@media (min-width:640px){.cover-band{font-size:.6rem;top:.8rem;left:.9rem}}.cover-sun{aspect-ratio:1;background:linear-gradient(180deg, var(--sun-top) 10%, var(--sun-mid) 45%, var(--sun-bottom) 75%);box-shadow:0 0 40px var(--sun-glow);-webkit-mask-image:linear-gradient(180deg, var(--foreground) 0 46%, transparent 46% 50%, var(--foreground) 50% 56%, transparent 56% 61%, var(--foreground) 61% 65%, transparent 65% 71%, var(--foreground) 71% 73%, transparent 73%);-webkit-mask-image:linear-gradient(180deg, var(--foreground) 0 46%, transparent 46% 50%, var(--foreground) 50% 56%, transparent 56% 61%, var(--foreground) 61% 65%, transparent 65% 71%, var(--foreground) 71% 73%, transparent 73%);mask-image:linear-gradient(180deg, var(--foreground) 0 46%, transparent 46% 50%, var(--foreground) 50% 56%, transparent 56% 61%, var(--foreground) 61% 65%, transparent 65% 71%, var(--foreground) 71% 73%, transparent 73%);border-radius:9999px;position:absolute;top:22%;left:18%;right:18%}.cover-sun-low{top:30%;left:24%;right:8%}.cover-grid{perspective:90px;perspective-origin:50% 0;background:var(--grid-floor);border-top:1px solid var(--accent);height:36%;box-shadow:0 -1px 12px var(--glow-accent);position:absolute;bottom:0;left:-40%;right:-40%;overflow:hidden}.cover-grid:before{content:"";transform-origin:50% 0;background-image:linear-gradient(90deg, var(--accent) 0 1px, transparent 1px), linear-gradient(180deg, var(--accent) 0 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0 0 -200%;transform:rotateX(70deg)}.cover--city{background:linear-gradient(180deg, var(--vinyl), color-mix(in oklch, var(--vinyl) 55%, var(--accent)) 70%, var(--vinyl))}.cover-moon{aspect-ratio:1;background:var(--chrome-sky);width:22%;box-shadow:0 0 24px var(--glow-primary);border-radius:9999px;position:absolute;top:20%;right:16%}.cover-skyline{background:linear-gradient(var(--vinyl), var(--vinyl)) 4% 100% / 13% 55% no-repeat, linear-gradient(var(--vinyl), var(--vinyl)) 19% 100% / 10% 80% no-repeat, linear-gradient(var(--vinyl), var(--vinyl)) 33% 100% / 15% 62% no-repeat, linear-gradient(var(--vinyl), var(--vinyl)) 52% 100% / 9% 100% no-repeat, linear-gradient(var(--vinyl), var(--vinyl)) 66% 100% / 14% 70% no-repeat, linear-gradient(var(--vinyl), var(--vinyl)) 84% 100% / 11% 48% no-repeat, linear-gradient(var(--vinyl), var(--vinyl)) 99% 100% / 8% 66% no-repeat;height:44%;filter:drop-shadow(0 -1px 0 var(--accent));position:absolute;bottom:26%;left:0;right:0}.cover-skyline:after{content:"";background-image:radial-gradient(circle, var(--sun-top) 0 1px, transparent 1.5px);opacity:.55;-webkit-mask-image:linear-gradient(90deg, var(--foreground) 0 30%, transparent 30% 46%, var(--foreground) 46% 72%, transparent 72% 80%, var(--foreground) 80%);-webkit-mask-image:linear-gradient(90deg, var(--foreground) 0 30%, transparent 30% 46%, var(--foreground) 46% 72%, transparent 72% 80%, var(--foreground) 80%);mask-image:linear-gradient(90deg, var(--foreground) 0 30%, transparent 30% 46%, var(--foreground) 46% 72%, transparent 72% 80%, var(--foreground) 80%);background-size:7px 9px;position:absolute;inset:30% 6% 0}.cover-tower{width:30%;height:66%;filter:drop-shadow(0 0 4px var(--glow-primary));position:absolute;bottom:26%;left:14%;overflow:visible}.cover-tower path{fill:var(--vinyl);stroke:var(--primary);stroke-width:1.2px;vector-effect:non-scaling-stroke}.cover-tower .cover-tower-mast{fill:none}.cover-water{background:repeating-linear-gradient(180deg, color-mix(in oklch, var(--secondary) 55%, transparent) 0 1px, transparent 1px 5px);border-top:1px solid var(--secondary);height:26%;box-shadow:0 -1px 12px var(--glow-secondary);position:absolute;bottom:0;left:0;right:0}.cover-palm{width:auto;height:72%;color:var(--vinyl);filter:none;z-index:1;position:absolute;bottom:30%;left:4%}.cover-palm path{stroke:var(--vinyl);stroke-width:4px}.cover--chrome{background:linear-gradient(180deg, var(--vinyl) 0 52%, color-mix(in oklch, var(--vinyl) 60%, var(--primary)) 100%)}.cover-beams{background:repeating-conic-gradient(from 180deg at 50% 115%, color-mix(in oklch, var(--primary) 40%, transparent) 0deg 1.5deg, transparent 1.5deg 9deg);-webkit-mask-image:linear-gradient(0deg, var(--foreground), transparent 85%);-webkit-mask-image:linear-gradient(0deg, var(--foreground), transparent 85%);mask-image:linear-gradient(0deg, var(--foreground), transparent 85%);position:absolute;inset:0}.cover-chrome-word{text-align:center;font-family:var(--font-script);background:linear-gradient(180deg, var(--chrome-sky) 0%, var(--chrome-shine) 46%, var(--chrome-horizon) 50%, var(--chrome-ground) 100%);color:#0000;filter:drop-shadow(0 0 8px var(--chrome-edge));-webkit-background-clip:text;background-clip:text;padding:0 .2em;font-size:clamp(2.2rem,9vw,3.4rem);line-height:1;position:absolute;top:38%;left:0;right:0;transform:rotate(-8deg)}@media (min-width:1024px){.cover-chrome-word{font-size:3rem}}.arrival-sticker{z-index:2;aspect-ratio:1;width:3.1rem;font-family:var(--font-headline);letter-spacing:.08em;background:var(--secondary);color:var(--secondary-foreground);box-shadow:0 0 0 2px color-mix(in oklch, var(--sun-top) 70%, transparent) inset, 0 0 16px var(--glow-secondary);border-radius:9999px;justify-content:center;align-items:center;font-size:.55rem;display:flex;position:absolute;top:-.7rem;left:calc(82% - 2.4rem);transform:rotate(12deg)}.arrival-artist{font-family:var(--font-headline);letter-spacing:.18em;text-transform:uppercase;color:var(--primary);font-size:.65rem}.arrival-price{font-family:var(--font-accent);color:var(--secondary);text-shadow:0 0 10px var(--glow-secondary);font-size:.85rem;font-weight:700;display:inline-block}@media (prefers-reduced-motion:no-preference){.arrival-disc{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.cover{transition:transform .4s cubic-bezier(.2,.7,.2,1)}.arrival:hover .arrival-disc{transform:translate(22%)rotate(200deg)}.arrival:hover .cover{transform:translateY(-4px)rotate(-1.5deg)}}.night{isolation:isolate;background:radial-gradient(ellipse 60% 50% at 85% 50%, color-mix(in oklch, var(--accent) 22%, transparent), transparent 70%), linear-gradient(180deg, var(--vinyl) 0%, color-mix(in oklch, var(--vinyl) 70%, var(--accent)) 100%);color:var(--vinyl-foreground);position:relative}.night-floor{perspective:200px;perspective-origin:50% 0;z-index:-1;border-top:1px solid var(--accent);height:9rem;box-shadow:0 -1px 18px var(--glow-accent);pointer-events:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.night-floor .floor-plane{--grid-line:var(--accent);opacity:.55}.han-river{z-index:-1;pointer-events:none;height:9rem;position:absolute;bottom:0;left:0;right:0}.han-city{opacity:.85;width:100%;height:8rem;position:absolute;bottom:100%;left:0}.city-block{fill:color-mix(in oklch, var(--vinyl) 70%, var(--accent));stroke:color-mix(in oklch, var(--accent) 60%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.city-windows{fill:url(#far-windows)}.far-lit{fill:var(--sun-top);opacity:.4}.namsan-far path{fill:color-mix(in oklch, var(--vinyl) 80%, var(--accent));stroke:var(--primary);stroke-width:1.2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px var(--glow-primary))}.far-beacon{fill:var(--secondary)}.han-bridge,.han-reflection{width:100%;height:4.5rem;position:absolute;left:0}.han-bridge{filter:drop-shadow(0 0 4px var(--glow-primary));bottom:100%}.han-reflection{opacity:.35;filter:blur(1.5px);-webkit-mask-image:linear-gradient(180deg, var(--foreground), transparent 85%);-webkit-mask-image:linear-gradient(180deg, var(--foreground), transparent 85%);mask-image:linear-gradient(180deg, var(--foreground), transparent 85%);top:0}.bridge-steel,.bridge-pier,.bridge-deck{fill:none;stroke:var(--primary);stroke-width:1.4px;vector-effect:non-scaling-stroke}.bridge-pier{stroke:color-mix(in oklch, var(--primary) 55%, transparent)}.bridge-deck{stroke:var(--accent)}.bridge-lamp{fill:var(--sun-top);filter:drop-shadow(0 0 3px var(--sun-top))}.river-osd{z-index:1;color:var(--vinyl-foreground);border-radius:calc(var(--radius) * .6);background:color-mix(in oklch, var(--vinyl) 75%, transparent);margin:0;padding:.3rem .6rem;font-size:.68rem;position:absolute;bottom:1.25rem;left:1.25rem}.river-osd .osd-blink{color:var(--secondary)}@media (min-width:640px){.river-osd{left:2rem}}.palm{z-index:-1;color:var(--primary);pointer-events:none;position:absolute;bottom:8.9rem}.palm path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.palm{filter:drop-shadow(0 0 4px var(--glow-primary))}.tube{background:var(--tube);height:.5rem;box-shadow:0 0 8px var(--tube), 0 0 22px var(--tube);border-radius:9999px}.session{border-radius:calc(var(--radius) * 1.4);background:color-mix(in oklch, var(--vinyl) 70%, transparent);border:1px solid color-mix(in oklch, var(--accent) 40%, transparent);-webkit-backdrop-filter:blur(6px);align-items:center;gap:1rem;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.session:hover{border-color:var(--accent);box-shadow:0 0 22px var(--glow-accent)}.session-date{width:4.6rem;font-family:var(--font-accent);flex-direction:column;flex:none;display:flex}.session-day{color:var(--secondary);text-shadow:0 0 10px var(--glow-secondary);font-size:1.25rem;font-weight:700;line-height:1.1}.session-dow{letter-spacing:.08em;color:var(--vinyl-muted);font-size:.62rem}.session-seats{font-family:var(--font-accent);border-radius:calc(var(--radius) * .6);color:var(--primary);border:1px solid color-mix(in oklch, var(--primary) 60%, transparent);flex:none;padding:.25rem .55rem;font-size:.75rem}.session-seats[data-full=true]{color:var(--vinyl-muted);border-color:var(--vinyl-line);text-decoration:line-through}.tube-dim{background:var(--vinyl-line);border-radius:9999px;height:.5rem}.spin-label{background:linear-gradient(180deg, var(--sun-top), var(--secondary) 55%, var(--sun-bottom));color:var(--secondary-foreground)}.neon-sign{font-family:var(--font-script);color:var(--accent);text-shadow:0 0 4px var(--accent), 0 0 14px var(--glow-accent), 0 0 40px var(--glow-accent);line-height:1}.neon-sign-sub{font-family:var(--font-headline);color:var(--primary);text-shadow:0 0 4px var(--primary), 0 0 16px var(--glow-primary);letter-spacing:.3em}.metro-sign{background:color-mix(in oklch, var(--card) 70%, var(--vinyl));border-radius:calc(var(--radius) * 1.4);box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 45%, transparent) inset, 0 0 30px color-mix(in oklch, var(--primary) 18%, transparent);overflow:hidden}.metro-line{background:var(--metro-4);width:2.6rem;height:2.6rem;color:var(--primary-foreground);font-family:var(--font-accent);box-shadow:0 0 16px var(--glow-primary);border-radius:9999px;flex:none;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.metro-exit{border-radius:calc(var(--radius) * .8);background:var(--sun-top);width:2.1rem;height:2.1rem;color:var(--primary-foreground);box-shadow:0 0 14px color-mix(in oklch, var(--sun-top) 50%, transparent);flex:none;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.metro-strip{background:var(--primary);color:var(--primary-foreground)}.hangul-sign{border-radius:calc(var(--radius) * 1.2);background:color-mix(in oklch, var(--background) 60%, var(--vinyl));border:2px solid var(--secondary);box-shadow:0 0 10px var(--glow-secondary), 0 0 10px var(--glow-secondary) inset;flex-direction:column;flex:none;align-items:center;gap:.35rem;padding:.9rem .55rem .7rem;display:flex}.hangul-sign span{font-family:var(--font-display-ko);color:var(--sun-top);text-shadow:0 0 4px var(--sun-top), 0 0 14px var(--glow-secondary), 0 0 32px var(--glow-secondary);font-size:2.3rem;line-height:1.1}.hangul-sign small{writing-mode:vertical-rl;letter-spacing:.2em;color:var(--primary);text-shadow:0 0 8px var(--glow-primary);margin-top:.4rem;font-size:.7rem}@media (min-width:640px){.hangul-sign span{font-size:2.8rem}}.hold-slip{background:repeating-linear-gradient(180deg, transparent 0 3px, color-mix(in oklch, var(--primary) 4%, transparent) 3px 4px), var(--card);color:var(--card-foreground);border-radius:calc(var(--radius) * 1.2);box-shadow:0 0 0 1px var(--primary) inset, 0 0 26px var(--glow-primary), 0 24px 50px var(--sleeve-shadow);position:relative}.hold-slip-line{border-bottom:1px dashed color-mix(in oklch, var(--primary) 55%, transparent)}.hold-slip-hole{background:var(--background);width:.9rem;height:.9rem;box-shadow:0 0 0 1px var(--primary);border-radius:9999px}.slip-stamp{color:var(--secondary);border:1.5px solid var(--secondary);box-shadow:0 0 10px var(--glow-secondary);text-shadow:0 0 6px var(--glow-secondary)}.footer-horizon{background:linear-gradient(180deg, var(--background), var(--sky-horizon));position:relative}.footer-horizon:before{content:"";background:var(--accent);height:1px;box-shadow:0 0 14px var(--accent);position:absolute;bottom:0;left:0;right:0}.osd{font-family:var(--font-accent);color:var(--foreground);text-shadow:1px 0 0 color-mix(in oklch, var(--accent) 70%, transparent), -1px 0 0 color-mix(in oklch, var(--primary) 70%, transparent);letter-spacing:.12em}@media (prefers-reduced-motion:no-preference){.floor-plane{animation:1.6s linear infinite grid-roll}.night-floor .floor-plane{animation-duration:3.2s}.record-sun-sheen{animation:14s linear infinite vinyl-spin}.flicker-on{animation:1.6s step-end both flicker-on}.neon-sign{animation:2.2s step-end .4s both flicker-on,7s step-end 3s infinite neon-buzz}.osd-blink{animation:1.2s step-end infinite osd-blink}.hangul-sign span{animation:6s step-end infinite neon-buzz}.hangul-sign span:nth-child(2){animation-duration:9s;animation-delay:1.3s}.tower-beacon,.far-beacon{animation:1.8s step-end infinite osd-blink}.rise-in{animation:.9s cubic-bezier(.2,.7,.2,1) both rise-in}.record-sun{animation:1.6s cubic-bezier(.2,.7,.2,1) both sun-rise}.tonearm-swing{animation:2.4s cubic-bezier(.5,0,.2,1) 1.2s both arm-cue}}@keyframes arm-cue{0%{transform:rotate(-38deg)}70%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes grid-roll{0%{background-position:50% 0}to{background-position:50% 64px}}@keyframes flicker-on{0%{opacity:.1}8%{opacity:.9}12%{opacity:.2}20%{opacity:1}26%{opacity:.35}34%,to{opacity:1}}@keyframes neon-buzz{0%,to{opacity:1}91%{opacity:1}92%{opacity:.55}93%{opacity:1}95%{opacity:.7}96%{opacity:1}}@keyframes osd-blink{50%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sun-rise{0%{opacity:0;transform:translate(-50%,35%)}to{opacity:1;transform:translate(-50%)}}.route-bay{background:radial-gradient(ellipse 50% 40% at 50% 70%, color-mix(in oklch, var(--primary) 10%, transparent), transparent 70%), var(--background);position:relative}.route{--disc:2.4rem;gap:2.25rem;display:grid;position:relative}.route:before,.route:after{content:"";pointer-events:none;position:absolute}.route:before{left:calc(var(--disc) / 2 - 2px);top:calc(var(--disc) / 2);background:linear-gradient(180deg, var(--primary), var(--accent) 50%, var(--secondary));width:4px;box-shadow:0 0 14px var(--glow-accent);border-radius:9999px;bottom:2rem}.route:after{left:calc(var(--disc) / 2 - 4px);top:calc(var(--disc) / 2);background:linear-gradient(180deg, transparent, var(--chrome-shine));width:8px;height:3.5rem;box-shadow:0 0 14px var(--chrome-shine);opacity:0;border-radius:9999px}.stop{grid-template-columns:var(--disc) minmax(0, 1fr);align-items:start;gap:1.1rem;display:grid;position:relative}.stop-disc{z-index:1;width:var(--disc);height:var(--disc);background:repeating-radial-gradient(circle, var(--vinyl) 0 2px, var(--vinyl-groove) 2px 3px);box-shadow:0 0 0 2px var(--primary), 0 0 16px var(--glow-primary);border-radius:9999px;place-items:center;transition:transform .3s,box-shadow .3s;display:grid;position:relative}.stop-disc span{background:var(--primary);border-radius:9999px;width:36%;height:36%}.stop:hover .stop-disc{box-shadow:0 0 0 2px var(--accent), 0 0 24px var(--glow-accent);transform:rotate(120deg)scale(1.08)}.stop[data-home] .stop-disc{box-shadow:0 0 0 3px var(--sun-top), 0 0 28px var(--sun-glow), 0 0 60px var(--glow-secondary)}.stop[data-home] .stop-disc span{background:linear-gradient(180deg, var(--sun-top), var(--secondary) 55%, var(--sun-bottom));width:46%;height:46%}.stop[data-home] .stop-body{border-radius:calc(var(--radius) * 1.4);background:color-mix(in oklch, var(--card) 80%, transparent);box-shadow:0 0 0 1px color-mix(in oklch, var(--sun-top) 55%, transparent) inset, 0 0 30px color-mix(in oklch, var(--secondary) 18%, transparent);margin:-1rem -.4rem 0;padding:1rem 1.1rem 1.15rem}.stop-line{background:var(--line);width:1.45rem;height:1.45rem;color:var(--metro-foreground);font-family:var(--font-accent);box-shadow:0 0 10px color-mix(in oklch, var(--line) 55%, transparent);border-radius:9999px;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.stop-home{border-radius:calc(var(--radius) * .6);background:var(--sun-top);color:var(--primary-foreground);margin-left:.3rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700}@media (min-width:1024px){.route{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem}.route:before{bottom:auto;left:0;right:0;top:calc(var(--disc) / 2 - 2px);background:linear-gradient(90deg, var(--primary), var(--accent) 50%, var(--secondary));width:auto;height:4px}.route:after{left:0;top:calc(var(--disc) / 2 - 4px);background:linear-gradient(90deg, transparent, var(--chrome-shine));width:4.5rem;height:8px}.stop{grid-template-columns:minmax(0,1fr);gap:1.4rem}.stop[data-home] .stop-body{margin:-.6rem -.6rem 0;padding:.6rem .6rem 1rem}}@media (prefers-reduced-motion:no-preference){.route:after{animation:7s linear infinite train-down}}@media (prefers-reduced-motion:no-preference) and (min-width:1024px){.route:after{animation-name:train-across}}@keyframes train-down{0%{top:calc(var(--disc) / 2);opacity:0}8%,88%{opacity:1}to{opacity:0;top:calc(100% - 5.5rem)}}@keyframes train-across{0%{opacity:0;left:0}8%,88%{opacity:1}to{opacity:0;left:calc(100% - 4.5rem)}}