@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#fff4dc;background:#172627;font-synthesis:none;--cream:#fff4dc;--orange:#ff8045;--muted:#c9c6b6;--ink:#18292b}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{border:0}a{color:inherit;text-decoration:none}#world,#vignette,.screen,#loading{position:fixed;inset:0;width:100%;height:100%}#world{display:block}#vignette{pointer-events:none;background:linear-gradient(90deg,rgba(15,33,35,.89) 0%,rgba(18,34,35,.78) 22%,rgba(24,36,36,.18) 59%,transparent 100%),linear-gradient(0deg,rgba(12,28,30,.96) 0%,rgba(12,28,30,.43) 18%,transparent 48%,rgba(27,28,27,.15) 100%);transition:opacity .6s}.screen{pointer-events:none}.screen button,.screen a{pointer-events:auto}.hidden{display:none!important}.topbar{height:116px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #ffe6ba24}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:36px;height:36px;color:var(--orange)}.brand>span{font-size:13px;font-weight:800;line-height:1.05;letter-spacing:2px}.topbar nav{display:flex;align-items:center;gap:36px}.edition,.small-label,.eyebrow,.scene-label,.edge-footer,.build-label{font-size:10px;font-weight:600;letter-spacing:2px}.edition{opacity:.65;font-size:9px}.text-button{background:none;font-size:12px}.text-button span{margin-left:14px;color:var(--orange)}.icon-button{width:39px;height:39px;background:#162b2b35;border:1px solid #fff4dc38;border-radius:50%;display:grid;place-items:center}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{background:#fff4dc22}.hero{position:absolute;left:7.1%;top:22.4%}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2.4px;color:#e7d7b7;margin-bottom:20px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px #ff804570;flex-shrink:0}h1{font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-size:clamp(78px,8.8vw,148px);font-weight:800;letter-spacing:-2px;line-height:.85;margin:0 0 23px;transform:skew(-5deg);transform-origin:left top;text-shadow:0 3px 40px #19252c15}h1>span:not(.title-period){color:var(--orange)}h1 .title-period{color:var(--orange);margin-left:2px}.hero-subtitle{font-size:17px;letter-spacing:-.5px;font-weight:700;margin-bottom:12px}.hero-copy{color:#d1d1c1;font-size:12px;line-height:1.95;letter-spacing:-.15px;margin:0 0 27px}.primary-button{background:var(--orange);color:#172b2b;min-height:55px;padding:0 24px;font-size:14px;font-weight:800;display:flex;align-items:center;gap:18px;box-shadow:0 5px 30px #f67c3520;transition:background .2s,transform .2s;min-width:247px}.primary-button:hover{background:#ffab70;transform:translateY(-2px)}.play-triangle{font-size:11px}.button-arrow{margin-left:auto;font-size:23px;font-weight:400}.start-caption{display:flex;align-items:center;gap:7px;font-size:10px;color:#adbbb3;margin-top:12px}.start-caption>span{margin:0 4px}kbd{font:inherit;border:1px solid #c2c7b654;border-radius:3px;padding:3px 5px;font-size:9px;color:#dfe4d3;letter-spacing:.5px}.scene-label{position:absolute;right:5%;top:57%;font-size:8px;display:flex;align-items:center;gap:8px;letter-spacing:1.5px;color:#fff0d5b5}.scene-label .live-dot{width:4px;height:4px}.label-line{width:45px;height:1px;background:#ffeac960;margin:0 5px}.scene-label b{font-weight:400;font-size:11px}.menu-bottom{position:absolute;bottom:74px;left:7.1%;right:5%;display:flex;align-items:center;gap:45px}.map-card{display:flex;gap:18px;align-items:center;text-align:left;background:#31434355;border:1px solid #d8dfc232;padding:12px 18px 12px 12px;min-width:345px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s}.map-card:hover{background:#53615d70}.map-thumbnail{width:84px;height:73px;background:#20383a;overflow:hidden;border:1px solid #e6e2be19}.map-thumbnail svg{width:100%;height:100%;transform:scale(1.25)}.small-label{font-size:8px;color:#acb9ad;letter-spacing:1.7px}.map-card strong{font-size:17px;font-weight:600;display:block;margin:7px 0 5px;letter-spacing:-.6px}.map-card strong span{font-size:14px;margin-left:6px;color:#a9b9ac}.map-description{font-size:10px;color:#b0c0b5}.selected-check{margin-left:22px;color:var(--orange);border:1px solid #ff804565;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:11px}.personal-best{padding-left:36px;border-left:1px solid #fff4dc23;min-width:200px}.personal-best>div{display:flex;align-items:center;gap:10px;margin-top:9px}.personal-best svg{width:21px;height:21px;stroke:var(--orange);fill:none;stroke-width:1.3}.personal-best strong{font-family:Barlow Condensed,sans-serif;font-size:31px;line-height:1;letter-spacing:1px;font-weight:600}.personal-best strong small{font-size:19px;color:#9fafa6}.personal-best button{background:none;padding:0;font-size:10px;color:#b2c0b4;margin-top:7px}.personal-best button span{margin-left:7px}.bottom-note{margin-left:auto;text-align:right}.bottom-note p{font-size:12px;color:#d1d6c6;margin:9px 0 15px}.build-label{font-size:8px;color:#81958b;letter-spacing:1.8px}.edge-footer{position:absolute;bottom:0;height:41px;left:5%;right:5%;border-top:1px solid #cad4b724;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.8px;color:#80998e}.edge-footer i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--orange);vertical-align:middle;margin:0 10px}#loading{background:#172627;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transition:opacity .4s}#loading strong{font:800 35px Barlow Condensed,sans-serif;letter-spacing:4px}#loading span{font-size:12px;color:var(--muted)}.loading-sun{font-size:58px;color:var(--orange);animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.4}}#hud{background:linear-gradient(0deg,#1023238c,transparent 22%,transparent 77%,#10232377)}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 35px}.hud-brand{font:800 22px/.9 Barlow Condensed,sans-serif;letter-spacing:1px}.hud-brand span{display:block;color:var(--orange)}.timer-block{position:absolute;left:50%;transform:translate(-50%);text-align:center}.timer-block .small-label{color:#fff4dcaa}#timer{font:600 55px/1.15 Barlow Condensed,sans-serif;letter-spacing:2px;text-shadow:0 2px 15px #0004}#timer small{font-size:27px;color:#ffdda8}.heat-panel{position:absolute;top:115px;left:35px;width:225px;background:#152f3050;padding:16px 18px;border-left:2px solid var(--orange);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.heat-panel .small-label{color:#f5e8cead}.heat-panel b{float:right;color:var(--orange)}#stars{font-size:25px;letter-spacing:5px;color:var(--orange);margin-top:7px}#stars span{color:#fff4dc30}.heat-panel p{font-size:10px;color:#eadfce;margin:5px 0 13px}.heat-track,.boost-track{height:3px;background:#fff4dc2b;overflow:hidden}.heat-track>div,.boost-track>i{height:100%;display:block;background:var(--orange)}.next-level{font-size:9px;color:#d2d6c293;display:block;margin-top:8px}.hud-bottom{position:absolute;left:30px;right:35px;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.minimap-wrap{border:1px solid #eef7d82a;background:#183334bd;box-shadow:0 8px 30px #0002;width:180px;padding:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#minimap{width:162px;height:162px;display:block}.minimap-wrap>div{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:1.3px;margin-top:4px;color:#bbc8ba}.minimap-wrap>div i{width:4px;height:4px;border-radius:50%;background:var(--orange)}.minimap-wrap>div span{margin-left:auto}.driving-hint{font-size:9px;color:#e9e5d0a8;padding-bottom:4px;display:flex;align-items:center;gap:8px}.driving-hint>span{margin:0 2px;color:#eee7bd50}.speedometer{width:150px;text-align:right}.speedometer>div:first-child{display:flex;align-items:baseline;justify-content:flex-end;gap:8px}.speedometer strong{font:600 80px/1 Barlow Condensed,sans-serif;letter-spacing:1px}.speedometer>div span{font-size:9px;letter-spacing:1px}.boost-label{display:flex;justify-content:space-between;margin:11px 0 7px;color:var(--orange)}.announcement{position:absolute;top:26%;left:50%;transform:translate(-50%);background:#182c2ce8;border:1px solid #ff804560;border-left:3px solid var(--orange);padding:18px 30px;text-align:center;font-size:14px;color:#ffe9cb;animation:enter .2s ease-out}.capture-warning{position:absolute;left:50%;bottom:125px;transform:translate(-50%);width:270px;color:#ffd9ce;text-align:center;font-size:12px;text-shadow:0 2px 5px #000}.capture-warning>div{height:5px;background:#162728a8;margin-top:10px}.capture-warning i{display:block;height:100%;background:#ff5140;box-shadow:0 0 15px #ff5140}.capture-warning span{animation:pulse .7s infinite alternate}#modal-backdrop{position:fixed;inset:0;background:#0b1c20b3;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}#modal{width:min(480px,100%);max-height:90dvh;overflow:auto;padding:38px;background:#203436;border:1px solid #fff4dc25;box-shadow:0 35px 100px #0004;position:relative;animation:enter .2s ease-out}@keyframes enter{0%{opacity:0;translate:0 8px}}.modal-close{position:absolute;right:17px;top:14px;background:transparent;color:#d3d7c4;font-size:25px}.modal-eyebrow{color:var(--orange);font-size:9px;letter-spacing:2px}.modal-title{font:800 52px/1 Barlow Condensed,sans-serif;letter-spacing:-.5px;margin:14px 0}.modal-description{font-size:12px;line-height:1.9;color:#c7d0c0;margin-bottom:24px}.control-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #fff4dc15;font-size:12px;color:#cfd7c6}.control-row kbd{font-size:10px;color:var(--cream);padding:5px 9px}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:27px}.modal-actions .primary-button{width:100%;justify-content:center}.secondary-button{min-height:44px;background:#fff4dc08;border:1px solid #fff4dc2b;font-size:12px}.secondary-button:hover{background:#fff4dc15}.result-time{font:600 78px/1.2 Barlow Condensed,sans-serif;letter-spacing:1px;color:var(--orange);margin:15px 0 5px}.result-time small{font-size:38px;color:#eac69a}.result-details{font-size:11px;color:#b8c6b8;margin-bottom:22px}.record-list{list-style:none;padding:0;margin:20px 0}.record-list li{display:flex;align-items:center;gap:18px;border-bottom:1px solid #fff4dc18;padding:15px 0;font-size:11px;color:#bfcdbc}.record-list li>b{font:600 22px Barlow Condensed,sans-serif;color:var(--orange)}.record-list li strong{font:600 25px Barlow Condensed,sans-serif;color:var(--cream);margin-left:auto;letter-spacing:1px}.record-list small{font-size:14px;color:#b0bda9}.map-preview{width:100%;height:220px;background:#192e30;border:1px solid #fff4dc20;margin:20px 0;display:block}.map-stats{display:flex;justify-content:space-between;font-size:10px;color:#c3cfc0}.new-best{color:var(--orange);font-size:11px;letter-spacing:1px}.mobile-tip,#touch-controls{display:none}@media(min-width:1600px){.hero{top:23%}.hero-copy{font-size:14px}.hero-subtitle{font-size:20px}.primary-button{min-width:280px;min-height:62px}.menu-bottom{bottom:90px}.topbar{height:130px}}@media(max-height:780px)and (min-width:801px){.topbar{height:90px}.hero{top:20%}h1{font-size:clamp(78px,8vw,116px);margin-bottom:18px}.eyebrow{margin-bottom:14px}.hero-copy{margin-bottom:20px}.hero-subtitle{font-size:15px;margin-bottom:7px}.menu-bottom{bottom:62px}.map-thumbnail{height:59px;width:73px}.map-card{padding:10px;min-width:320px}.scene-label{top:55%}.primary-button{min-height:49px}}@media(max-width:1000px){.edition{display:none}.menu-bottom{gap:24px}.bottom-note{display:none}.personal-best{margin-left:auto;padding-left:24px;min-width:180px}.scene-label{top:65%}.driving-hint{display:none}.hero,.menu-bottom{left:6%}}@media(max-width:600px){.topbar{height:83px;margin:0 6%}.topbar nav{gap:15px}.brand>span{font-size:11px}.brand svg{width:29px}.text-button{font-size:10px}.icon-button{width:34px;height:34px}.hero{top:18%;left:8%}h1{font-size:clamp(72px,18vw,105px);margin-bottom:22px}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:17px}.hero-subtitle{font-size:15px}.hero-copy{font-size:11px;line-height:1.9;margin-bottom:22px}.primary-button{min-width:230px;min-height:52px}.start-caption{font-size:8px}.scene-label{display:none}.menu-bottom{bottom:63px;left:7%;right:7%;gap:15px}.map-card{min-width:0;flex:1;padding:11px;gap:10px}.map-thumbnail{width:49px;height:61px}.map-card .small-label{font-size:6px;letter-spacing:1px}.map-card strong{font-size:14px}.map-description{font-size:8px}.selected-check{display:none}.personal-best{min-width:84px;padding-left:14px}.personal-best .small-label{font-size:6px;letter-spacing:1px;display:block;max-width:80px;line-height:1.7}.personal-best strong{font-size:25px}.personal-best strong small{font-size:12px}.personal-best svg{display:none}.personal-best button{font-size:9px}.edge-footer{font-size:6px;letter-spacing:1px;left:7%;right:7%}#vignette{background:linear-gradient(90deg,#102628d9,#142d3280 60%,#142d3210),linear-gradient(0deg,#122829 0%,transparent 55%)}.hud-top{padding:20px}.hud-brand{font-size:17px}#timer{font-size:43px}#timer small{font-size:22px}.heat-panel{left:20px;top:100px;padding:11px;width:178px}#stars{font-size:20px}.hud-bottom{left:18px;right:20px;bottom:115px}.minimap-wrap{width:124px;padding:6px}#minimap{width:110px;height:110px}.minimap-wrap>div{font-size:5px;letter-spacing:.5px}.speedometer{width:105px}.speedometer strong{font-size:62px}.capture-warning{bottom:295px;width:230px}.announcement{width:80%;font-size:12px}.modal-title{font-size:45px}#modal{padding:28px}}@media(pointer:coarse){#touch-controls{position:absolute;bottom:20px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}#touch-controls>div{display:flex;gap:7px}#touch-controls button{height:55px;min-width:44px;background:#1c363ac7;border:1px solid #fff4dc40;font-size:12px;border-radius:8px;touch-action:none;-webkit-user-select:none;user-select:none}#touch-controls button:active{background:var(--orange);color:var(--ink)}.driving-hint{display:none}.hud-bottom{bottom:100px}}@media(max-height:650px)and (min-width:601px){.hero{top:21%}h1{font-size:78px}.hero-copy{display:none}.hero-subtitle{margin-bottom:18px}.menu-bottom{bottom:53px}.map-card{padding:7px}.map-thumbnail{height:49px}.edge-footer{height:32px}.heat-panel{top:90px}.minimap-wrap{width:130px}#minimap{width:112px;height:112px}.scene-label{top:60%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#menu{display:flex;flex-direction:column}#menu .topbar{flex-shrink:0;width:auto}#menu .hero{position:relative;left:auto;top:auto;flex:1 1 auto;align-self:flex-start;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:0 0 0 7.1%;padding:clamp(10px,2.5vh,36px) 0}#menu h1{font-size:clamp(60px,min(8.8vw,15.5vh),148px)}#menu .menu-bottom{position:relative;bottom:auto;left:auto;right:auto;flex-shrink:0;margin:clamp(10px,2.5vh,28px) 5% clamp(18px,4.5vh,64px) 7.1%}#menu .edge-footer{position:relative;bottom:auto;left:auto;right:auto;flex-shrink:0;margin:0 5%}#menu .scene-label{top:auto;bottom:calc(clamp(18px,4.5vh,64px) + 190px)}@media(max-height:820px)and (min-width:601px){#menu .hero-copy{display:none}#menu .hero-subtitle{margin-bottom:16px}}@media(max-height:620px)and (min-width:601px){#menu .eyebrow,#menu .scene-label,#menu .start-caption{display:none}}@media(max-width:1000px){#menu .hero,#menu .menu-bottom{margin-left:6%}}@media(max-width:600px){#menu .hero{margin-left:8%;justify-content:flex-start;padding-top:clamp(20px,9vh,90px)}#menu h1{font-size:clamp(72px,18vw,105px)}#menu .menu-bottom{margin:0 7% 22px}#menu .edge-footer{margin:0 7%}}#stars{font-size:15px;letter-spacing:2.5px;white-space:nowrap}@media(max-width:600px){#stars{font-size:12px;letter-spacing:1.5px}}