:root{color-scheme:dark;font-family:Arial,'Noto Sans KR',sans-serif;color:#f0f4fa;background:#090e17;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #9af9e8;outline-offset:4px}header{max-width:1250px;margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;gap:20px}.brand{letter-spacing:3px;font-size:21px}.brand b{color:#87ecd9}.brand small{display:block;font-size:10px;letter-spacing:1px;color:#9caabd;margin-top:4px}nav{display:flex;gap:26px;font-size:13px;color:#b9c5d4}main{max-width:1250px;margin:auto;padding:0 28px}.hero{min-height:530px;position:relative;display:flex;align-items:center;border-radius:24px;overflow:hidden;background:linear-gradient(90deg,#050b16e8,#050b1680 45%,transparent 73%),url('/neon-step/assets/hero.webp') center/cover;border:1px solid #293948}.hero-copy{padding:54px;position:relative;max-width:670px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#8cdccf;font-weight:700}h1{font-size:clamp(42px,5vw,64px);line-height:1.15;letter-spacing:-3px;margin:22px 0}p{line-height:1.8}.hero-copy>p:not(.eyebrow){color:#c4cfdb;font-size:14px}.primary,.secondary{display:inline-block;padding:13px 20px;border-radius:8px;font-weight:700;font-size:13px;margin:15px 8px 0 0}.primary{background:#8aead5;color:#0a2927;border:1px solid #a3f9e6}.secondary{border:1px solid #6d899577;background:#10212880}.hero-caption{position:absolute;bottom:18px;right:25px;font-size:10px;color:#d2e0e4}.progress-panel{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:27px 32px;background:#14222d;border:1px solid #2d4550;border-radius:14px;margin-top:22px}.progress-panel small{font-size:10px;letter-spacing:2px;color:#8cdccf}h2{font-size:24px;letter-spacing:-.8px;margin:8px 0}p{margin:8px 0}.progress-panel p,.meter label{font-size:12px;color:#b2c6d2}.meter{max-width:430px;width:100%;justify-self:end}progress{width:100%;height:10px;accent-color:#87ebd3;margin:14px 0 4px;border:0;border-radius:20px;overflow:hidden}progress::-webkit-progress-bar{background:#31414f}progress::-webkit-progress-value{background:#87ebd3}.muted{color:#8c9dac;font-size:11px;margin:14px 0}#missions{scroll-margin-top:22px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:57px 0 25px;gap:20px}.section-heading p{font-size:12px;color:#98aabd}.chapter{margin:0 0 28px}.chapter-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26343f;padding:0 0 12px;margin-bottom:13px}.chapter-heading h3{margin:0;font-size:16px}.chapter-heading small{color:#91aaba;font-size:11px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{border:1px solid #2b3b4a;border-radius:13px;padding:20px;background:linear-gradient(145deg,#15222f,#101923)}.card.current{border-color:#86e4d0;box-shadow:inset 0 0 24px #69f7d308}.card.done{background:linear-gradient(145deg,#19302f,#101923)}.card small{color:#88a7bc;font-size:10px}.card h4{font-size:16px;line-height:1.6;margin:15px 0 11px}.card .status{font-size:11px;color:#98e4d2;min-height:24px}.card .links{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2a3a45;padding-top:12px;margin-top:8px;gap:8px}.card .links a{font-size:12px;color:#e7f6ef}.card button{background:none;border:0;padding:5px 0;color:#cabbe8;font-size:11px}.learning-note{margin:45px 0;padding:25px 30px;border:1px solid #293b48;border-radius:14px;background:#101b27}.learning-note h2{font-size:19px}.learning-note p{color:#a7bbc9;font-size:12px}footer{max-width:1250px;padding:20px 28px 35px;margin:auto;color:#718595;font-size:11px}dialog{width:min(700px,calc(100% - 24px));max-height:92dvh;overflow:auto;border:1px solid #4f7481;border-radius:18px;padding:25px;background:#101d2b;color:#eef5fb}dialog::backdrop{background:#03080dda;backdrop-filter:blur(5px)}.guide-top{display:flex;align-items:center;justify-content:space-between}.guide-top button{color:#cad9e1;background:none;border:0;font-size:22px}dialog p{font-size:13px;color:#b9ccd8}.hint{padding:14px;background:#243245;border-left:3px solid #bbade5;border-radius:6px}.legend{font-size:10px;color:#96adba;margin:10px 0}.replay-controls{display:flex;gap:8px;flex-wrap:wrap}.replay-controls button{padding:9px 15px;border:1px solid #456075;border-radius:8px;background:#233c4d;color:#e5f4f5}#replay-board{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:420px;margin:18px auto}.tile{position:relative;aspect-ratio:1;background:#1c3442;border:1px solid #395464;border-radius:5px;display:grid;place-items:center;font-size:16px;color:#d0e4e7}.tile small{position:absolute;top:2px;left:3px;font-size:8px;color:#a8bfcc}.tile.hot{background:#80283b;border-color:#f37586}.tile.wall{background:#090e16;color:#546579;border-color:#233041}.tile.trail{box-shadow:inset 0 0 0 2px #9cdfca}.tile.player{background:#317562;border:2px solid #b9ffe7}.tile.exit{border:2px solid #76eaca}.tile .mini{width:85%;height:125%;position:absolute;bottom:8%;background:url('/neon-step/assets/explorer.webp') left center/400% 100%;pointer-events:none}#steps{max-height:170px;overflow:auto;padding-left:25px;color:#96adbd;font-size:12px;line-height:2}#steps .selected{color:#a9ffe7;font-weight:bold}#step-description{min-height:48px}@media(max-width:750px){header{padding:18px 20px;flex-wrap:wrap;gap:15px}nav{gap:18px;font-size:11px}main{padding:0 16px}.hero{min-height:590px;background-position:63% center;align-items:flex-end}.hero-copy{padding:30px 25px 50px;width:100%;background:linear-gradient(transparent,#060e1aec)}h1{font-size:43px;letter-spacing:-2px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-caption{font-size:8px;right:16px;bottom:15px}.progress-panel{grid-template-columns:1fr;padding:24px;gap:10px}.meter{max-width:none}.cards{grid-template-columns:repeat(2,1fr)}.card{padding:15px}.card h4{font-size:14px}.section-heading{display:block}.section-heading h2{font-size:22px}.section-heading>p{font-size:11px}.chapter-heading small{font-size:9px}.learning-note{padding:22px}dialog{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


[hidden]{display:none!important}


.regions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 34px}.region{text-align:left;color:#daeaf0;border:1px solid #344e5c;border-radius:14px;padding:23px;background:linear-gradient(135deg,#193342,#101c2b)}.region:hover,.region[aria-pressed=true]{border-color:#99f0dc;background:#173e42}.region small{display:block;color:#92b8c4;font-size:10px;letter-spacing:1px}.region strong{display:block;margin:12px 0 7px;font-size:22px;font-weight:600}.region span{font-size:12px;color:#acbccb}.region div{font-size:11px;color:#9bbbc5;margin-top:18px}.region div b{font-size:19px;color:#a1ffe4}.region progress{height:5px;margin-bottom:0}.area-heading{display:flex;justify-content:space-between;align-items:center;margin:15px 0 28px;gap:14px}.area-heading p{font-size:18px;font-weight:bold;scroll-margin-top:20px}.area-heading button{background:#1c3545;color:#b7d7df;border:1px solid #3d5b6c;border-radius:7px;padding:9px 16px;font-size:12px}#replay-board{position:relative}.moving-explorer{position:absolute;width:11%;height:17%;transform:translate(-50%,-78%);background:url('/neon-step/assets/explorer.webp') left center/400% 100%;pointer-events:none;z-index:2}.tile{font-size:clamp(10px,2.3vw,16px)}@media(max-width:750px){.regions{grid-template-columns:repeat(2,1fr);gap:10px}.region{padding:16px}.region strong{font-size:17px}.region span{font-size:11px}.region small{font-size:9px}}

.boss-invite{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 30px;margin-top:24px;border:1px solid #86607970;border-radius:16px;background:linear-gradient(120deg,#342334,#142634)}.boss-invite>div{flex:1;min-width:250px}.boss-invite small{letter-spacing:2px;color:#edb1c5;font-size:11px}.boss-invite h2{font-size:25px;margin:8px 0}.boss-invite p{color:#c5becd;font-size:14px;line-height:1.8;margin:0}.boss-invite .secondary{font-size:13px}.region.boss-region{grid-column:1/-1;background:linear-gradient(120deg,#382638,#142634);border-color:#b37eab70}#boss-replay-cue{background:#3c293d;color:#ffcecd;border-radius:8px;padding:10px;font-size:13px}.tile.airborne .mini{transform:translateY(-12px);filter:drop-shadow(0 8px 3px #be99ff)}.tile.airborne::after{content:'↑ 부양';position:absolute;bottom:2px;color:#e3c7ff;font-size:10px}@media(max-width:600px){.boss-invite{padding:20px;gap:16px}.boss-invite h2{font-size:22px}.boss-invite>div{min-width:100%}}

.final-invite{background:linear-gradient(115deg,#13243f,#2d2735);border-color:#c2a36b}.final-invite small{color:#f0d39c}.final-invite .primary{background:#edcf99;color:#16253c}.final-region{background:linear-gradient(120deg,#192a47,#302a3b);border-color:#b69a6c;grid-column:1/-1}.final-region strong,.final-region b{color:#f2d9a5}.tile.gap{background:#060e1a!important;border-color:#1b2b40;color:#73869c}.tile.shadow:not(.hot){background:#293c73}.tile.light-safe:not(.hot){background:#285f59}.moving-explorer.airborne{filter:drop-shadow(0 0 7px #e0b0ff);transform:translate(-50%,-90%)}