:root{--bg-color:#020617;--text-main:#fff;--text-sub:#94a3b8;--card-bg:#1e293b;--accent:#22d3ee;--shadow:#020617;--font-title:"DungGeunMo", sans-serif;--font-mono:"Press Start 2P", monospace;--zone-border:#ffffff26;--sun-color:#fde047;--tr-bg:#1e1b4b}html{scroll-behavior:auto}body{font-family:var(--font-title);background-color:var(--bg-color);color:var(--text-main);image-rendering:pixelated;margin:0;overflow-x:hidden}.horizontal-container{width:100%;height:100vh;position:relative;overflow:hidden}.horizontal-section{background-repeat:no-repeat;background-size:100% 100%;width:max-content;height:100%;display:flex;position:relative}.zone{box-sizing:border-box;border-right:4px dashed var(--zone-border);flex-direction:column;height:100%;margin-top:20px;padding-top:80px;display:flex;position:relative}.zone-effect{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.zone-sun{mix-blend-mode:screen;z-index:5;background:radial-gradient(circle at 30% 30%,#fde68af2 0%,#f871d64d 50%,#0000 72%);border-radius:50%;width:84px;height:84px;animation:18s ease-in-out infinite alternate sun-glow;position:absolute;top:12%;left:16%;transform:translateZ(0);box-shadow:0 0 40px #f871d640,inset 0 0 24px #fde04759}@keyframes sun-glow{0%{transform:translate(0,0)scale(1)}50%{transform:translate(8px,6px)scale(1.04)}to{transform:translate(0,0)scale(1)}}.zone-meteor{filter:drop-shadow(0 0 10px #fffc);z-index:5;background:linear-gradient(#fffffff2,#fff0);border-radius:2px;width:3px;height:90px;animation:linear infinite meteor-fall;position:absolute;top:-12%;transform:rotate(18deg)}@keyframes meteor-fall{0%{opacity:0;transform:translateY(-20vh)rotate(18deg)}10%{opacity:1}to{opacity:0;transform:translate(180vw,120vh)rotate(18deg)}}.zone-skyline{opacity:.8;filter:blur(.4px);mix-blend-mode:screen;background:linear-gradient(#0f172a0d 0%,#1e293bd1 38%,#0f172af2 100%),repeating-linear-gradient(90deg,#f871d62e 0 2px,#0000 2px 10px),linear-gradient(#ffffff14 0%,#0000 60%);width:130%;height:160px;animation:18s ease-in-out infinite skyline-wave;position:absolute;bottom:34vh;left:-15%;overflow:hidden}@keyframes skyline-wave{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.zone-skyline:after{content:"";background:radial-gradient(circle at 25% 40%,#a855f738,#0000 22%),radial-gradient(circle at 70% 20%,#3b82f62e,#0000 18%);position:absolute;inset:0}.zone-skyline:before{content:"";filter:blur(2px);background:linear-gradient(90deg,#f871d673,#38bdf873);width:90%;height:10px;position:absolute;bottom:24%;left:6%}.zone-title{z-index:10;font-family:var(--font-title);letter-spacing:normal;text-shadow:4px 4px 0 var(--shadow);color:var(--text-main);margin:0;padding-left:50px;font-size:clamp(2rem,1rem + 4vw,3rem);font-weight:400;position:relative}.zone-subtitle{z-index:10;font-family:var(--font-mono);color:var(--text-sub);text-shadow:2px 2px 0 var(--shadow);margin-top:10px;padding-left:55px;font-size:clamp(.8rem,.7rem + .5vw,1rem);font-weight:600;line-height:1.5;position:relative}.zone-flavor-text{z-index:31;font-family:var(--font-mono);color:var(--sun-color);text-shadow:1px 1px 0 var(--shadow);padding-left:55px;font-size:.85rem;font-weight:500;line-height:1.4;position:relative}.event-badge{background:var(--accent);box-sizing:border-box;border:4px solid var(--shadow);z-index:50;will-change:transform;justify-content:center;align-items:center;transition:transform .2s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:inset 4px 4px #fff6,inset -4px -4px #0006}.event-badge svg{pointer-events:none}.is-inprogress{overflow:visible}.is-inprogress:after{content:"";pointer-events:none;border:4px solid #38bdf8cc;animation:1.5s infinite badgePulse;position:absolute;inset:-4px}@keyframes badgePulse{0%{opacity:.7;transform:scale(.95)}to{opacity:0;transform:scale(1.6)}}.parallax-bg{pointer-events:none;will-change:transform;width:100%;display:flex;position:absolute;bottom:35vh;left:0;overflow:visible}.parallax-bg-superfar{z-index:1;opacity:.4;background-position:0 100%;background-size:auto 360px;height:360px}.parallax-bg-far{z-index:2;opacity:.65;background-position:0 100%;background-size:auto 320px;height:320px}.parallax-bg-deep{z-index:2;opacity:.75;filter:blur(.4px);background-position:0 100%;background-size:auto 260px;height:260px}.parallax-bg-mid{z-index:3;filter:drop-shadow(0 0 12px #22d3ee1f);background-position:0 100%;background-size:auto 180px;height:180px}.parallax-bg-near{z-index:4;background-position:0 100%;background-size:auto 100px;height:100px}.zone:first-of-type .parallax-bg-mid{filter:hue-rotate()brightness(1.02)saturate(1.05)}.zone:nth-of-type(2) .parallax-bg-mid{filter:hue-rotate(-8deg)brightness(.95)saturate(1.1)}.zone:nth-of-type(3) .parallax-bg-mid{filter:hue-rotate(10deg)brightness()saturate()}.zone:nth-of-type(4) .parallax-bg-mid{filter:hue-rotate(-18deg)brightness(.92)saturate(1.2)}.zone:nth-of-type(5) .parallax-bg-mid{filter:hue-rotate(6deg)brightness(1.04)saturate(1.08)}.zone:first-of-type .parallax-bg-near{opacity:.96}.zone:nth-of-type(2) .parallax-bg-near{opacity:.85}.zone:nth-of-type(3) .parallax-bg-near{opacity:.92}.zone:nth-of-type(4) .parallax-bg-near{opacity:.88}.zone:nth-of-type(5) .parallax-bg-near{opacity:.95}.zone{position:relative}.zone-building{pointer-events:none;z-index:3;background-position:bottom;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:35vh;left:50%;transform:translate(-50%)}.zone-building--small{width:clamp(120px,100px + 4vw,200px);height:clamp(120px,105px + 3vw,180px)}.zone-building--medium{width:clamp(170px,150px + 4.5vw,280px);height:clamp(120px,100px + 3.5vw,200px)}.zone-building--large{width:clamp(250px,200px + 10vw,400px);height:clamp(180px,140px + 6vw,260px)}.zone-building--tower{background-repeat:repeat;width:clamp(1500px,1500px + 11.5vw,3000px);height:clamp(280px,260px + 10.5vw,400px)}.zone-building--university{width:clamp(350px,310px + 14vw,550px);height:clamp(260px,230px + 10vw,400px)}@media (width<=600px){.zone-building--small{height:76px;bottom:35vh}.zone-overlay--scramble{bottom:35vh}}.zone-overlay--scramble{z-index:10;opacity:.95;pointer-events:none;background-repeat:repeat;background-size:contain;width:clamp(900px,828px + 50vw,1800px);height:clamp(140px,124px + 5vw,220px);position:absolute;bottom:20vh;left:50%;transform:translate(-50%)}@media (width<=600px){.zone-building--small{height:76px;bottom:35vh}.zone-building--medium{height:96px;bottom:35vh}.zone-building--large{height:140px;bottom:35vh}.zone-building--tower{height:200px;bottom:35vh}.zone-building--university{height:240px;bottom:35vh}.zone-overlay--scramble{bottom:35vh}}.parallax-bg-far{background-image:url(../images/parallax-far.svg);background-position:0 100%;background-repeat:repeat-x;background-size:auto 300px;height:300px}.parallax-bg-mid{filter:drop-shadow(0 0 12px #22d3ee1f);background-image:url(../images/parallax-mid.svg);background-position:0 100%;background-repeat:repeat-x;background-size:auto 180px;height:180px}.parallax-bg-near{background-image:url(../images/parallax-near.svg);background-position:0 100%;background-repeat:repeat-x;background-size:auto 100px;height:100px}.silhouette{preserveAspectRatio:none;flex-shrink:0;width:1000px;height:100%}.event-wrapper{pointer-events:auto;transition:z-index .2s}.event-wrapper:hover{z-index:100}.event-wrapper:hover .event-badge{z-index:150;transform:scale(2)}.event-pole{z-index:5;background:var(--cat-color,#334155);border-left:2px solid #020617;width:6px;position:absolute;left:50%;transform:translate(-50%)}.event-wrapper .jump-pad-platform,.frame-wall[data-is-jump-pad=true]{z-index:49;border-radius:6px;width:200px;height:26px;position:absolute;bottom:-25px;left:50%;overflow:hidden;transform:translate(-50%);background-color:#334155!important;background-image:none!important;border:3px solid #0f172a!important;top:auto!important;box-shadow:inset 0 12px #fde047,inset 0 14px #ffffff80,0 8px 20px -4px #fde04766!important}.event-wrapper .jump-pad-platform:before,.frame-wall[data-is-jump-pad=true]:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 8px,#00000026 8px 16px);height:12px;position:absolute;top:0;left:0;right:0}.event-wrapper .jump-pad-platform:after,.frame-wall[data-is-jump-pad=true]:after{content:"";background:#22d3ee;border-radius:4px;width:60%;height:4px;animation:1s infinite alternate booster-pulse;position:absolute;bottom:3px;left:20%;box-shadow:0 0 8px #22d3ee}@keyframes booster-pulse{0%{opacity:.5;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1.1);box-shadow:0 0 12px #22d3ee,0 0 16px #22d3ee}}.event-wrapper .frame-wall.floating-platform{z-index:49;background-color:#1e293b;border:3px solid #0f172a;border-radius:4px;width:200px;height:22px;position:absolute;top:auto;bottom:-20px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 6px #64748b,inset 0 8px #fff6,0 10px 20px -5px #0009}.event-wrapper .frame-wall.floating-platform:before{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 8px,#00000040 8px 10px);height:6px;position:absolute;top:0;left:0;right:0}.event-wrapper .frame-wall.floating-platform:after{content:"";opacity:.8;background:#38bdf8;width:70%;height:2px;position:absolute;bottom:3px;left:15%;box-shadow:0 0 6px #38bdf8}@keyframes shockwaveMinimal{0%{opacity:1;border-color:var(--accent);transform:scale(1)}to{opacity:0;border-color:var(--accent);transform:scale(2.2)}}@keyframes shockwaveRetro{0%{opacity:1;border-color:#22d3ee;transform:scale(1);box-shadow:0 0 10px #22d3ee}to{opacity:0;border-color:#fde047;transform:scale(2.5);box-shadow:0 0 30px #fde047}}.collect-shockwave{border:3px solid var(--wave-color,var(--accent));pointer-events:none;z-index:25;border-radius:0;animation:.5s ease-out forwards shockwaveRetro;position:absolute;inset:-4px}.collect-shockwave.is-perfect{box-shadow:0 0 12px 2px #fbbf24}.collect-shockwave.is-good{box-shadow:0 0 10px 1px silver}.collect-particle{pointer-events:none;width:8px;height:8px;image-rendering:pixelated;mix-blend-mode:screen;z-index:110;border-radius:0;position:fixed}@keyframes scoreFloat{0%{opacity:1;transform:translate(-50%)scale(.8)}50%{opacity:1;transform:translate(-50%,-35px)scale(1.2)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}.score-popup{font-family:var(--font-mono);color:#fde047;text-shadow:2px 2px #020617;pointer-events:none;z-index:60;white-space:nowrap;font-size:14px;font-weight:900;animation:.7s cubic-bezier(.18,.89,.32,1.28) forwards scoreFloat;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.info-tag{background:var(--card-bg);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:6px 6px 0 var(--shadow);text-align:center;z-index:51;pointer-events:none;white-space:normal;word-break:keep-all;border:4px solid #f8fafc;border-radius:0;width:max-content;max-width:240px;margin-bottom:16px;padding:12px 16px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.info-tag:after{content:"";border:8px solid #0000;border-top-color:#f8fafc;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cat-badge{background:var(--accent);color:#020617;font-family:var(--font-mono);letter-spacing:.05em;border:2px solid #020617;border-radius:0;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block;box-shadow:2px 2px #020617}.info-tag .title{font-family:var(--font-title);color:var(--text-main);text-shadow:2px 2px 0 var(--shadow);font-size:16px;font-weight:400}.info-tag .desc{font-family:var(--font-mono);color:var(--text-sub);margin-top:4px;font-size:12px;font-weight:500}.info-tag-divider{background-color:var(--zone-border);width:80%;height:2px;margin:8px auto}.ground-area{z-index:4;border-top:4px solid var(--accent);pointer-events:none;background:#0f172a;width:100%;height:35vh;position:absolute;bottom:0;left:0;overflow:hidden}.ground-grid{transform-origin:top;image-rendering:auto;background-image:linear-gradient(#22d3ee40 2px,#0000 3px),linear-gradient(90deg,#22d3ee40 2px,#0000 3px);background-size:64px 64px;width:100%;height:400%;position:absolute;top:0;left:0;transform:perspective(2000px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 40%);mask-image:linear-gradient(#0000 0%,#000 40%)}#sky-overlay{pointer-events:none;z-index:3;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 1px 2px);position:fixed;inset:0}#sun{background:var(--sun-color);pointer-events:none;opacity:.6;z-index:0;border:4px solid #fff;border-radius:0;width:48px;height:48px;position:absolute;top:15vh;left:0;box-shadow:0 0 20px #fde04780}#progress-bar-wrap{z-index:40;opacity:0;pointer-events:none;width:100%;transition:opacity .4s;position:fixed;bottom:0;left:0}#progress-bar{background:#0f172a;border-top:4px solid #020617;width:100%;height:12px;position:relative}#progress-fill{background:var(--accent);width:0%;height:100%;box-shadow:0 0 10px var(--accent);position:absolute;top:0;left:0}.progress-marker{z-index:2;border:1px solid #020617;width:8px;height:16px;position:absolute;top:-2px}.progress-marker:hover .progress-tooltip{opacity:1;visibility:visible}.progress-tooltip{color:#fde047;font-size:12px;font-family:var(--font-mono);white-space:nowrap;opacity:0;visibility:hidden;z-index:3;background-color:#020617;border-radius:4px;padding:4px 8px;transition:opacity .2s,visibility .2s;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}.mode-switch{background:var(--card-bg);box-shadow:2px 2px 0 var(--shadow);border:2px solid #f8fafc;border-radius:0;align-items:center;display:flex;overflow:hidden}.mode-switch .header-btn{box-shadow:none;background:0 0;border:none;margin:0;padding:6px 12px}.mode-switch .header-btn.active{background:var(--accent);color:#020617}.event-wrapper.collected{opacity:.85;filter:grayscale();transition:all .3s}.event-wrapper.collected:hover{opacity:1!important;filter:grayscale(0%)!important}@keyframes player-run-kf{0%,to{transform:scaleX(var(--facing,1)) translateY(0)}50%{transform:scaleX(var(--facing,1)) translateY(-10px)}}.player-running{animation:.25s step-end infinite player-run-kf}#finale-flash{pointer-events:none;z-index:7;opacity:0;background:#fde047;position:fixed;inset:0}@keyframes victory-hue-cycle-kf{0%{filter:hue-rotate()saturate(1.4)}to{filter:hue-rotate(360deg)saturate(1.4)}}.player-victory-cycle{animation:1.1s linear infinite victory-hue-cycle-kf}@keyframes finale-bounce-kf{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.06)}}.player-finale-bounce{animation:.5s ease-in-out infinite finale-bounce-kf}.player-buff-speed .player-inner{animation:.12s steps(2,end) infinite speed-jitter;transform:skew(-8deg);filter:drop-shadow(-8px 0 #fbbf24)drop-shadow(-16px 0 #f59e0b80)drop-shadow(0 0 12px #fbbf24)!important}@keyframes speed-jitter{0%{transform:skew(-8deg)translateY(0)}50%{transform:skew(-10deg)translateY(-1px)}to{transform:skew(-8deg)translateY(0)}}.player-buff-shield .player-inner{position:relative}.player-buff-shield .player-inner:before{content:"";pointer-events:none;z-index:200;background:radial-gradient(circle,#38bdf826 0%,#38bdf866 70%,#0000 100%);border:3px dashed #38bdf8;border-radius:50%;animation:4s linear infinite shield-rotate,1s ease-in-out infinite alternate shield-pulse;position:absolute;inset:-16px;box-shadow:0 0 16px #38bdf8cc,inset 0 0 12px #38bdf880}.player-buff-shield .player-inner:after{content:"";opacity:.7;pointer-events:none;z-index:201;border:2px solid #22d3ee;border-radius:50%;animation:.7s ease-in-out infinite alternate-reverse shield-pulse;position:absolute;inset:-10px}@keyframes shield-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shield-pulse{0%{transform:scale(.95);box-shadow:0 0 10px #38bdf899,inset 0 0 8px #38bdf866}to{transform:scale(1.08);box-shadow:0 0 24px #38bdf8f2,inset 0 0 16px #38bdf8b3}}.player-buff-score .player-wrapper{border:10px solid #22c55e}#speed-lines-overlay{pointer-events:none;z-index:2;opacity:0;transition:opacity .3s;display:none;position:fixed;inset:0}#speed-lines-overlay.speed-lines-active{opacity:1;display:block}#speed-lines-overlay:before{content:"";background-image:repeating-linear-gradient(90deg,#0000,#0000 150px,#fde04726 150px,#fde04759 220px,#0000 220px 350px);background-size:700px 100%;animation:.22s linear infinite horizontal-speed-anim;position:absolute;inset:0}#speed-lines-overlay:after{content:"";background:radial-gradient(#0000 40%,#020617a6 100%);position:absolute;inset:0}@keyframes horizontal-speed-anim{0%{background-position:0 0}to{background-position:-700px 0}}@keyframes buff-pulse{0%{filter:brightness();transform:scale(.95)}50%{filter:brightness(1.3);transform:scale(1.08)}to{filter:brightness();transform:scale(.95)}}.finale-layer{pointer-events:none;ad:6;position:absolute;inset:0;overflow:hidden}.finale-confetti{width:10px;height:10px;opacity:var(--finale-p,0);image-rendering:pixelated;animation-name:confetti-fall-kf;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes confetti-fall-kf{0%{transform:translateY(0)rotate(0)}to{transform:translateY(65vh)rotate(360deg)}}.finale-orb{width:10px;height:10px;opacity:var(--finale-p,0);filter:blur(2px);background:radial-gradient(circle,#38bdf8e6,#0000 70%);border-radius:50%;animation-name:orb-float-kf;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes orb-float-kf{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-48px)scale(1.3)}}.finale-caption{opacity:var(--finale-p,0);white-space:nowrap;text-align:center;transition:opacity .2s linear;position:absolute;bottom:55vh;left:50%;transform:translate(-50%)}.finale-caption-title{letter-spacing:-.02em;color:#fff;font-family:Pretendard,sans-serif;font-size:28px;font-weight:900}.finale-caption-sub{color:#38bdf8;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.finale-caption-retro{color:#fde047;text-shadow:4px 4px #020617;font-family:"Press Start 2P",monospace;font-size:22px}.finale-ghost{transform-origin:bottom;opacity:0;color:#38bdf8;filter:blur(2px);pointer-events:none;will-change:transform, opacity;width:70px;height:70px;position:absolute;bottom:35vh;left:150px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes bounceChevron{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.cover-section,.dest-section{background:var(--bg-color);height:100vh;color:var(--text-main);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cover-bg-grid{background-image:linear-gradient(var(--zone-border) 1px, transparent 1px), linear-gradient(90deg, var(--zone-border) 1px, transparent 1px);opacity:1;background-size:64px 64px;position:absolute;inset:0}.cover-content{z-index:2;flex-direction:column;align-items:center;padding:0 24px;animation:.9s both fadeInUp;display:flex;position:relative}.terminal-window{-webkit-backdrop-filter:none;backdrop-filter:none;width:min(560px,88vw);box-shadow:8px 8px 0 var(--shadow), inset 0 0 0 #22d3ee00;text-align:left;background:linear-gradient(#0f172afa,#080e1cfa);border:4px solid #f8fafc;border-radius:0;margin-bottom:34px;transition:box-shadow .24s,background .24s;overflow:hidden}.terminal-window:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 18% 22%,#22d3ee2e,#0000 24%),radial-gradient(circle at 74% 36%,#4ade8024,#0000 20%);transition:opacity .24s;position:absolute;inset:0}.terminal-window.terminal-glow{box-shadow:8px 8px 0 var(--shadow), inset 0 0 30px #22d3ee47, 0 0 18px #22d3ee1f;background:linear-gradient(#1e4a70fa,#080e1cfa)}.terminal-window.terminal-glow:after{opacity:1}.terminal-titlebar{border-bottom:1px solid var(--zone-border);background:#ffffff0d;gap:8px;padding:14px 18px;display:none}.terminal-titlebar .dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#f87171}.dot-yellow{background:#fbbf24}.dot-green{background:#34d399}.terminal-body{font-family:var(--font-mono);color:var(--accent);text-shadow:.5px 0 #f006,-.5px 0 #0ff6;min-height:92px;padding:24px;font-size:16px;font-weight:500;line-height:1.9;transition:color .24s,text-shadow .24s,background .24s}.terminal-window.terminal-glow .terminal-body{color:#d7f7ff;text-shadow:0 0 6px #22d3eef2,0 0 10px #4ade8059}.term-prompt{color:#fff;margin-right:8px;font-weight:700}.term-typed{color:var(--text-main);white-space:pre-wrap;word-break:break-word}.term-cursor{color:#34d399;text-shadow:0 0 8px #38bdf8e6;animation:1s step-start infinite blink;display:inline-block}.cover-title{font-family:var(--font-title);letter-spacing:-.04em;text-shadow:4px 4px 0 var(--shadow);margin:0 0 20px;font-size:clamp(2rem,5vw,4rem);font-weight:900}.grad-text{color:var(--accent)}.cover-subtitle{font-family:var(--font-mono);color:var(--text-sub);text-shadow:2px 2px 0 var(--shadow);margin:0 0 36px;font-size:1.1rem;font-weight:600;animation:1s step-start infinite blink}.cover-keys{font-family:var(--font-mono);color:var(--text-sub);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.cover-keys .key{background:var(--card-bg);min-width:24px;box-shadow:2px 2px 0 var(--shadow);color:var(--text-main);border:2px solid #f8fafc;border-radius:0;padding:6px 10px;display:inline-block}.scroll-cue{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.scroll-cue span{font-family:var(--font-mono);color:var(--text-sub);letter-spacing:.1em;font-size:10px;font-weight:700;animation:1s step-start infinite blink}.scroll-chevrons{flex-direction:column;gap:4px;display:flex}.scroll-chevrons span{border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);width:14px;height:14px;animation:1.6s step-end infinite bounceChevron;transform:rotate(45deg)}.scroll-chevrons span:nth-child(2){animation-delay:.15s}.scroll-chevrons span:nth-child(3){animation-delay:.3s}.dest-content{z-index:2;flex-direction:column;align-items:center;padding:0 24px;display:flex;position:relative}.dest-eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;margin:0 0 16px;font-size:12px;font-weight:700}.dest-title{font-family:var(--font-title);letter-spacing:-.03em;text-shadow:4px 4px 0 var(--shadow);margin:0 0 16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.dest-sub{font-family:var(--font-mono);color:var(--text-sub);margin:0 0 40px;font-size:1.1rem;font-weight:600}.stat-grid{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:44px;display:flex}.stat-card{background:var(--card-bg);width:160px;box-shadow:6px 6px 0 var(--shadow);border:4px solid #f8fafc;border-radius:0;padding:24px 10px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:10px 10px 0 var(--shadow);transform:translateY(-4px)}.stat-num{font-family:var(--font-mono);color:var(--accent);font-size:2.2rem;font-weight:700}.stat-label{font-family:var(--font-title);color:var(--text-sub);text-transform:uppercase;letter-spacing:.05em;margin-top:12px;font-size:12px;font-weight:700}.restart-btn{font-family:var(--font-title);color:#fff;background:var(--accent);cursor:pointer;box-shadow:inset -4px -4px 0 #0003, 6px 6px 0 var(--shadow);border:4px solid #f8fafc;border-radius:0;padding:16px 36px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s}.restart-btn:hover{transform:translateY(-2px)}.restart-btn:active{box-shadow:inset 4px 4px 0 #0000004d, 0 0 0 var(--shadow);transform:translateY(2px)}#resume-section{background:var(--bg-color);max-width:800px;margin:0 auto;padding:100px 5vw;font-family:Pretendard,sans-serif;position:relative;overflow:hidden}#resume-section h1{z-index:2;color:var(--text-main);border-bottom:1px solid var(--zone-border);margin-bottom:20px;padding-bottom:20px;font-size:2.5rem;font-weight:800;position:relative}.tr-chapter{z-index:2;margin-bottom:48px;position:relative}.tr-chapter h3{color:var(--text-main);border-bottom:2px solid var(--accent);margin:0 0 24px;padding-bottom:8px;font-size:1.5rem;font-weight:700}.tr-subtitle{color:var(--text-sub);margin:0 0 24px;font-size:.9rem;font-weight:500}.tr-chapter ul{margin:0;padding:0;list-style:none}.tr-chapter li{border-top:1px solid var(--zone-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 0;display:flex}.tr-chapter li:first-child{border-top:none;padding-top:0}.tr-item-content{flex-grow:1}.tr-item-content strong{color:var(--text-main);margin-bottom:8px;font-size:1.1rem;font-weight:600;display:block}.tr-desc{color:var(--text-sub);font-size:1rem;display:block}.tr-tag{color:var(--accent);background:#38bdf81a;border:1px solid #38bdf84d;border-radius:4px;margin-left:8px;padding:4px 8px;font-size:.9rem;font-style:normal;font-weight:700}.tr-item-media{flex-shrink:0;width:120px}.tr-item-media a{text-decoration:none;display:block}.tr-item-media img{border:1px solid var(--zone-border);object-fit:cover;aspect-ratio:16/9;border-radius:8px;width:100%;height:auto}.tr-item-link{text-align:right}.top-header{z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:4px solid var(--accent);box-sizing:border-box;background:#020617d9;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:16px 24px;display:grid;position:fixed;top:0;left:0}.top-header>div:first-child{grid-column:1/2;justify-self:start}.mode-switch{grid-column:2/3;justify-self:center}.header-controls{grid-column:3/4;justify-self:end;align-items:center;gap:16px;display:flex}.header-title{font-family:var(--font-title);color:#fff;letter-spacing:1px;margin:0;font-size:20px;font-weight:900}.header-sub{font-family:var(--font-mono);color:var(--accent);margin-top:4px;margin-left:2px;font-size:10px}.header-btn{color:#fff;text-align:center;cursor:pointer;background:0 0;border:2px solid #f8fafc;border-radius:0;outline:none;min-width:90px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .2s}.header-btn.primary{background:var(--accent);color:#020617;border:2px solid #f8fafc}.counter-display,.score-display{font-family:var(--font-mono);color:#fff;background:#ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.counter-display .dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s infinite pulse}.game-only-ui{opacity:0;visibility:hidden}.keyboard-guide{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617cc;border:2px solid #f8fafc;border-radius:999px;align-items:center;gap:16px;padding:12px 24px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.keyboard-guide span{font-family:var(--font-mono);color:var(--text-sub);font-size:13px}.keyboard-guide .key-btn{color:#020617;background:#fff;border-radius:0;padding:4px 12px;font-weight:700}.mobile-controls-left,.mobile-controls-right{z-index:100;gap:16px;display:none;position:fixed;bottom:24px}.mobile-controls-left{left:24px}.mobile-controls-right{right:24px}.ctrl-btn{background:var(--card-bg);width:56px;height:56px;box-shadow:inset -4px -4px 0 #00000080, 4px 4px 0 var(--shadow);color:#fff;font-family:var(--font-title);cursor:pointer;touch-action:none;opacity:.7;border:4px solid #f8fafc;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex}.ctrl-btn:active{box-shadow:inset 4px 4px 0 #00000080, 2px 2px 0 var(--shadow);color:var(--accent);transform:translateY(4px)}.parallax-bg{background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%}.parallax-bg .silhouette{display:none!important}.parallax-bg-far{background-image:url(../images/parallax-far.svg);background-size:auto 250px}.parallax-bg-mid{background-image:url(../images/parallax-mid.svg);background-size:auto 180px}.parallax-bg-near{background-image:url(../images/parallax-near.svg);background-size:auto 120px}#mobile-overlay{pointer-events:none;z-index:80;position:fixed;inset:0}#hud-overlay{pointer-events:none;z-index:85;opacity:0;visibility:hidden;align-items:center;gap:20px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}#hud-overlay img{width:min(560px,88vw);height:auto;image-rendering:pixelated}#controls{pointer-events:auto;z-index:85;align-items:center;gap:12px;display:flex;position:fixed;bottom:12px;left:12px}.dpad-btn img,.action-buttons img{width:96px;height:96px;image-rendering:pixelated;display:block}.action-buttons{pointer-events:auto;z-index:85;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:12px;right:12px}button.action{cursor:pointer;background:0 0;border:none;padding:0}.dpad-container{justify-content:center;align-items:center;width:140px;height:96px;display:flex;position:relative}.dpad-container .dpad-img{display:none}.dpad-visual{background:#0b0f16;border-radius:10px;width:140px;height:96px;display:flex;position:relative;overflow:hidden;box-shadow:inset 4px 4px #ffffff05}.dpad-visual .dpad-half{color:#ffffffe6;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:50%;height:100%;font-size:28px;display:flex}.dpad-visual .dpad-half.left{background:linear-gradient(#0f172a 0%,#061026 100%)}.dpad-visual .dpad-half.right{background:linear-gradient(#0f172a 0%,#20101a 100%)}.dpad-visual .dpad-arrow{font-family:var(--font-mono);font-weight:900}.dpad-action{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:8px;width:50%;height:100%;position:absolute;top:0}.dpad-action.left{left:0}.dpad-action.right{right:0}.dpad-action:hover,.dpad-action:active{background:#ffffff0f}.mobile-controls-left,.mobile-controls-right{display:flex!important}#about-section{z-index:40;border-bottom:4px dashed var(--zone-border);text-align:center;background-color:var(--bg-color);max-width:900px;margin:0 auto;padding:100px 5vw;font-family:Pretendard,sans-serif;position:relative}#about-section h2{font-family:var(--font-title);color:var(--text-main);text-shadow:3px 3px 0 var(--shadow);margin-bottom:16px;font-size:2.5rem}#about-section .about-intro{color:var(--text-sub);max-width:650px;margin:0 auto 60px;font-size:1rem;line-height:1.8}.skills-bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(120px,auto);grid-auto-flow:dense;text-align:left;gap:16px;display:grid}.skill-card{background-color:var(--card-bg);border:2px solid var(--zone-border);box-shadow:4px 4px 0 var(--shadow);padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.skill-card:hover{box-shadow:8px 8px 0 var(--accent), 0 0 20px #22d3ee80;border-color:var(--accent);transform:translate(-4px,-4px)}.skill-card:hover .exp-popup{opacity:1;transition:opacity .3s,transform .3s;transform:translate(-50%,-10px)}.exp-popup{font-family:var(--font-mono);color:#fde047;text-shadow:2px 2px 0 var(--shadow);pointer-events:none;opacity:0;white-space:nowrap;font-size:14px;font-weight:900;transition:opacity .3s,transform .3s;position:absolute;top:10px;left:85%;transform:translate(-50%)}.skill-card:after{content:"";opacity:.3;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:absolute;top:0;left:0}.skill-card h3{font-family:var(--font-mono);color:var(--accent);margin:0 0 16px;font-size:1rem;font-weight:700}.skill-card ul{margin:0;padding:0;list-style:none}.skill-card li{color:var(--text-sub);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:Pretendard,sans-serif;font-size:.95rem;font-weight:500;display:flex}.skill-name{margin-right:10px}.skill-level{font-family:var(--font-mono);color:var(--text-main);font-size:.8rem;font-weight:600}.xp-bar-container{background-color:#0000;border:none;order:2;width:100%;min-height:16px;margin-top:8px;position:relative;overflow:visible}.xp-bar-track{background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden}.xp-bar-segments{box-sizing:border-box;grid-template-columns:repeat(10,1fr);gap:2px;padding:2px;display:grid;position:absolute;inset:0}.xp-bar-segment{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;position:relative;overflow:hidden}.xp-bar-segment-fill{background:linear-gradient(90deg,#22d3ee 0%,#38bdf8 50%,#fde047 100%);border-radius:4px;width:0;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 10px #22d3ee59}.xp-sparkle{pointer-events:none;filter:drop-shadow(0 0 10px #ffffffe6);opacity:0;pointer-events:none;background:radial-gradient(circle,#fffffff2 0%,#ffffff73 40%,#0000 100%);border-radius:50%;width:8px;height:8px;position:absolute}.mode-transition-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 30%),linear-gradient(#020617f2,#080e1cfa);position:fixed;inset:0;overflow:hidden;z-index:9999!important;background-color:#020617!important;background-image:radial-gradient(circle,#ffffff14,#0000 30%),linear-gradient(#020617 0%,#080e1c 100%)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.mode-transition-overlay:before{content:"";opacity:.5;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0000 42%,#ffffff17 52%,#0000 58%);animation:1.2s linear infinite mode-transition-scan;position:absolute;inset:0}.mode-transition-glitch{pointer-events:none;mix-blend-mode:screen;background-image:linear-gradient(#ffffff1f .5px,#0000 .5px 2px,#ffffff14 2px 2.5px,#0000 2.5px);background-size:100% 4px;position:absolute;inset:0;transform:translateY(-100%)}.mode-transition-glitch.active{transform:translateY(0)}.mode-transition-backdrop{mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff0f,#ffffff0f 2px,#0000 2px 4px);position:absolute;inset:0}.mode-transition-content{z-index:2;text-align:center;color:#fde047;text-shadow:2px 2px #020617;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.mode-transition-title{font-family:var(--font-mono);letter-spacing:.2em;font-size:clamp(2rem,6vw,4rem);line-height:1}.mode-transition-subtitle{font-family:var(--font-mono);color:#fffc;font-size:.95rem}.mode-transition-slice{mix-blend-mode:screen;filter:blur(.6px);background:linear-gradient(90deg,#0000 0%,#ffffff1f 25%,#ffffff05 50%,#ffffff1f 75%,#0000 100%);width:100%;position:absolute;left:0;transform:translate(-120%)}@keyframes mode-transition-scan{0%{opacity:.08;transform:translateY(-100%)}to{opacity:.08;transform:translateY(100%)}}.hamburger-btn{cursor:pointer;z-index:1051;background:0 0;border:none;width:44px;height:44px;padding:10px;display:none;position:relative}.hamburger-icon{background-color:var(--text-main);width:24px;height:2px;transition:all .2s ease-in-out;display:block;position:relative}.hamburger-icon:before,.hamburger-icon:after{content:"";background-color:var(--text-main);width:24px;height:2px;transition:all .2s ease-in-out;position:absolute;left:0}.hamburger-icon:before{top:-8px}.hamburger-icon:after{bottom:-8px}.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1050;opacity:0;visibility:hidden;background-color:#020617e6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.mobile-nav.is-active{opacity:1;visibility:visible}.mobile-nav-content{flex-direction:column;align-items:center;gap:20px;display:flex}.mobile-nav-content .mode-switch,.mobile-nav-content .header-controls{flex-direction:column;align-items:center;gap:24px;display:flex}.mobile-nav-content .header-btn{min-width:150px;padding:10px 16px;font-size:1rem}.hamburger-btn.is-active .hamburger-icon{background-color:#0000}.hamburger-btn.is-active .hamburger-icon:before{transform:rotate(45deg)translate(5px,6px)}.hamburger-btn.is-active .hamburger-icon:after{transform:rotate(-45deg)translate(5px,-6px)}@media (width<=1024px){.top-header{display:none}.hamburger-btn{z-index:1060;display:block;position:fixed;top:16px;right:24px}.hidden-mobile{display:none!important}.mobile-controls-left,.mobile-controls-right{display:flex}.skills-bento-grid{grid-template-columns:repeat(2,1fr)}.card-wide,.card-tall,.card-large{grid-area:span 1/span 2}.info-tag{opacity:.7;max-width:100px;max-height:80px;padding:3px 7px}.info-tag .title{font-size:9px}.info-tag .desc{font-size:8px}.cat-badge{max-width:60px;max-height:40px;margin-bottom:2px;padding:2px;font-size:8px}.zone-title{margin-top:-60px;font-size:1.4rem}.zone-subtitle{font-size:.9rem}#hud-overlay{margin-top:-60px}}.tutorial-tooltip{color:#fff;border:2px solid var(--accent);font-family:var(--font-title);white-space:nowrap;pointer-events:none;z-index:100;opacity:1;background:#0f172ae6;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:700;animation:.8s infinite alternate bounceTooltip;position:absolute;bottom:calc(100% + 150px);left:50%;transform:translate(-50%);box-shadow:0 0 10px #22d3ee80}.tutorial-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--accent) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes bounceTooltip{0%{text-shadow:0 0 5px #0000;transform:translate(-50%)}to{text-shadow:0 0 8px var(--accent);transform:translate(-50%,-8px)}}.combo-display{font-family:var(--font-mono);color:#fff;background:#ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;transition:transform .3s,opacity .3s;display:flex}.combo-display.is-active{opacity:1;transform:scale(1)}#combo-count{font-size:16px;font-weight:900}.combo-display[data-tier=mid] #combo-count{color:var(--accent)}.combo-display[data-tier=high] #combo-count{color:#fde047}.combo-display[data-tier=max] #combo-count{color:#fde047;text-shadow:0 0 8px #fde047}#combo-flash{pointer-events:none;z-index:15;opacity:0;mix-blend-mode:screen;transition:opacity .1s ease-out;position:fixed;inset:0}@keyframes shake-mid{0%,to{transform:translate(0)}25%{transform:translate(2px,-1px)}75%{transform:translate(-2px,1px)}}@keyframes shake-high{0%,to{transform:translate(0)}20%{transform:translate(4px,-3px)}60%{transform:translate(-4px,2px)}}@keyframes shake-max{0%,to{transform:translate(0)scale(1)}30%{transform:translate(6px,-4px)scale(1.015)}70%{transform:translate(-6px,3px)scale(1.015)}}.shake-mid{animation:.1s ease-in-out shake-mid}.shake-high{animation:.15s ease-in-out shake-high}.shake-max{animation:.2s ease-in-out shake-max}.cyber-frame{pointer-events:none;position:absolute;inset:0}.event-badge.floating{animation:3s ease-in-out infinite float-item}@keyframes float-item{0%,to{margin-top:-10px}50%{margin-top:0}}.frame-wall{border:2px solid var(--cat-color);box-shadow:0 0 10px var(--cat-color), inset 0 0 8px var(--cat-color);z-index:40;pointer-events:none;background-color:#020617d9;background-image:repeating-linear-gradient(45deg,#0000,#0000 8px,#ffffff0d 8px 16px);position:absolute}.wall-horizontal{width:100%;height:20px;left:0}.wall-vertical{width:20px;height:100%;top:0}.wall-top{top:0}.wall-bottom{bottom:0}.wall-left{left:0}.wall-right{right:0}@keyframes shake-body{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake-body}@keyframes glitch-player{0%,to{filter:none;opacity:1}25%{filter:drop-shadow(0 0 5px red)drop-shadow(0 0 10px red);opacity:.8;transform:translate3d(5px, 0, 0) scaleX(var(--facing,1))}50%{filter:drop-shadow(0 0 5px #0f0)drop-shadow(0 0 10px #0f0);opacity:1;transform:translate3d(-5px, 0, 0) scaleX(var(--facing,1))}75%{filter:drop-shadow(0 0 5px #00f)drop-shadow(0 0 10px #00f);opacity:.8;transform:translate3d(0, 5px, 0) scaleX(var(--facing,1))}}.glitch{animation:.3s ease-in-out glitch-player}@media print{.scrollable-container{height:auto!important;max-height:none!important;overflow:visible!important}.no-print,header,footer,sidebar{display:none!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.page-break{page-break-before:always}.gsap-pin-wrap,.gsap-track,.horizontal-container{width:100%!important;height:auto!important;display:block!important;position:static!important;transform:none!important}.horizontal-item,.panel,.card{break-inside:avoid!important;page-break-inside:avoid!important;width:100%!important;height:auto!important;margin-bottom:20px!important;position:static!important}}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.player-buff-visual{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.speed-visual{border:4px dashed #22d3ee;border-radius:50%;width:180%;height:180%;animation:3s linear infinite spin;box-shadow:0 0 16px #22d3ee,inset 0 0 16px #22d3ee}.speed-afterimage{pointer-events:none;z-index:9;opacity:.7;color:#22d3ee;filter:drop-shadow(0 0 8px #22d3ee);will-change:opacity, transform;position:absolute}@media (height<=768px){.cat-badge,.info-tag,.event-badge,.jump-pad-platform,.frame-wall{zoom:.9}}@media (height<=500px){.cat-badge,.info-tag,.event-badge,.jump-pad-platform,.frame-wall{zoom:.7}}