:root{color:#183846;font-synthesis:none;--view-width:100vw;--view-height:100dvh;--view-left:0px;--view-top:0px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--ink:#183846;--paper:#f8fcf6f5;--accent:#e8754c;background:#b4d0e1;font-family:Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;font-weight:500}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button,input,select,a,summary{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,summary{cursor:pointer}button{touch-action:manipulation;border:0}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #ef744c}[hidden]{display:none!important}a{color:inherit;text-decoration:none}#stage{left:var(--view-left);top:var(--view-top);width:var(--view-width);height:var(--view-height);isolation:isolate;outline:none;position:fixed;overflow:hidden}#mountain,.shade{position:absolute;inset:0}#mountain canvas{touch-action:none;display:block}.shade{pointer-events:none;background:linear-gradient(90deg,#e7f0f18c,#0000 65%),linear-gradient(#0000 60%,#eff5f0b0)}.masthead{top:calc(26px + var(--safe-top));left:calc(32px + var(--safe-left));right:calc(32px + var(--safe-right));z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute}.brand{align-items:center;gap:11px;display:flex}.brand-mark{width:38px;height:36px}.brand strong{letter-spacing:-.6px;font-size:16px;font-weight:800;display:block}.brand small{letter-spacing:1.5px;margin-top:4px;font-size:7px;display:block}.edition,.eyebrow{letter-spacing:1.3px;font-size:11px;font-weight:750}.edition{color:#365b6c}.hero-copy{max-width:600px;position:absolute;top:24%;left:6%}.hero-copy h1{letter-spacing:-5px;margin:22px 0;font-size:clamp(48px,6vw,82px);font-weight:850;line-height:1.15}.hero-copy h1 span{color:var(--accent)}.hero-copy p{color:#385969;letter-spacing:-.4px;font-size:16px;line-height:1.9}.trail-label{border-top:1px solid #45677540;align-items:center;gap:16px;width:340px;margin-top:30px;padding-top:18px;display:flex}.trail-label>span,.trail-label b{color:#db7046;font-size:32px;font-weight:400}.trail-label b{margin-left:auto}.trail-label div{font-size:14px;font-weight:700}.trail-label small{color:#52717b;margin-top:7px;font-size:11px;font-weight:400;display:block}.entry-panel{width:350px;max-height:calc(var(--view-height) - 140px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;background:var(--paper);border:1px solid #fff9;border-radius:18px;padding:24px;position:absolute;top:50%;right:6%;overflow:auto;transform:translateY(-45%);box-shadow:0 16px 60px #29444c16}.entry-panel>.eyebrow{color:#61745e}.entry-panel h2{letter-spacing:-1px;margin:10px 0 18px;font-size:23px}label{margin:14px 0 7px;font-size:13px;font-weight:650;display:block}label span{font-size:11px;font-weight:400;display:block}input,select{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #b8cbc9;border-radius:8px;padding:10px 12px;font-size:16px;display:block}.entry-panel button{width:100%;margin-top:12px}.primary,.secondary,.glass,.tiny{border-radius:10px;min-height:44px;padding:11px 15px;font-size:14px;font-weight:650}.primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px #c05a2520}.primary span{float:right}.primary:hover{background:#d66039}.secondary{color:#244b5b;background:#e2edf0}.glass,.tiny{color:#204555;background:#f3faf4ed;border:1px solid #ffffffb0}.glass:hover,.tiny:hover{background:#fff}.entry-panel details{border-top:1px solid #cbd9d1;margin-top:14px;padding-top:2px}.entry-panel summary{touch-action:manipulation;align-content:center;min-height:44px;font-size:13px;font-weight:650}.avatar-options{grid-template-columns:76px 1fr;align-items:center;gap:14px;padding-bottom:4px;display:grid}#avatar-preview svg{width:76px;height:96px;display:block}.avatar-options label{margin-top:0}.avatar-options button{margin-top:7px;font-size:12px}.entry-note,.name-help{color:#536d73;font-size:11px;line-height:1.6}.entry-note{margin:14px 0 0}.name-help{margin-top:5px;display:block}.course-description{color:#466572;margin:7px 0 0;font-size:12px;line-height:1.6}#entry-status{margin-bottom:0;font-size:12px;line-height:1.6}.landing-footer{bottom:calc(22px + var(--safe-bottom));color:#496b79;justify-content:space-between;font-size:11px;display:flex;position:absolute;left:6%;right:6%}.playing .shade{background:linear-gradient(#eff5fa30,#0000 22% 72%,#152f4230)}.playing .edition{display:none}#play{touch-action:none;position:absolute;inset:0}.room-bar{top:calc(22px + var(--safe-top));right:calc(28px + var(--safe-right));z-index:6;align-items:center;gap:8px;display:flex;position:absolute}#hud-course{text-shadow:0 1px 5px #fff;margin-right:8px;font-size:14px;font-weight:750}.run-status{top:calc(100px + var(--safe-top));text-align:center;pointer-events:none;color:#153748;text-shadow:0 1px 5px #fff,0 0 12px #fff9;width:min(440px,90%);position:absolute;left:50%;transform:translate(-50%)}.run-status .eyebrow{font-size:10px}.run-status h2{letter-spacing:-.5px;margin:7px 0;font-size:20px;font-weight:750}.run-status p{margin:0;font-size:14px;font-weight:650}.instruments{bottom:calc(28px + var(--safe-bottom));left:calc(28px + var(--safe-left));color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#173b4feb;border-radius:13px;align-items:center;gap:23px;padding:14px 20px;display:flex;position:absolute}.instruments>div{flex-direction:column;gap:4px;display:flex}.instruments span{color:#d0e5ed;font-size:11px}.instruments b{letter-spacing:-.6px;font-size:22px;font-weight:650}.instruments .speed{border-right:1px solid #b1cbd347;flex-direction:row;align-items:baseline;gap:4px;padding-right:20px}.instruments .speed b{min-width:48px;font-size:42px;font-weight:450;line-height:1}.actions{bottom:calc(28px + var(--safe-bottom));right:calc(28px + var(--safe-right));z-index:3;gap:8px;display:flex;position:absolute}.trick-bar{left:calc(28px + var(--safe-left));bottom:calc(125px + var(--safe-bottom));gap:8px;display:flex;position:absolute}.connection{bottom:calc(9px + var(--safe-bottom));left:calc(28px + var(--safe-left));color:#17394b;text-shadow:0 1px 4px #fff;pointer-events:none;font-size:10px;position:absolute}.key-guide{bottom:calc(9px + var(--safe-bottom));right:calc(28px + var(--safe-right));color:#17394b;font-size:10px;position:absolute}.center-message,.result-card,.pause-card{text-align:center;z-index:5;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.center-message{color:#fff;text-shadow:0 2px 20px #123751;pointer-events:none}.center-message b{font-size:90px;font-weight:800;line-height:1.2;display:block}.center-message p{font-size:13px}.result-card,.pause-card{width:min(350px,100% - 24px);max-height:calc(var(--view-height) - 150px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;touch-action:pan-y pinch-zoom;background:var(--paper);border:1px solid #fff;border-radius:18px;padding:24px;overflow:auto;box-shadow:0 18px 80px #173d4f33}.result-card h2,.pause-card h2{letter-spacing:-.8px;margin:12px 0;font-size:24px}.result-card>b{letter-spacing:-1.5px;font-variant-numeric:tabular-nums;font-size:40px;font-weight:450}.result-card>p{margin:10px 0;font-size:13px}.result-card button,.pause-card button{width:100%;margin-top:9px}.muted,.help,.pause-card p{color:#496773;font-size:12px;line-height:1.7}.score-breakdown{text-align:left;border-top:1px solid #c5d7db;grid-template-columns:1fr auto;gap:6px;margin:12px 0;padding-top:12px;font-size:12px;display:grid}.score-breakdown dt,.score-breakdown dd{margin:0}.mobile-guide,.touch,body[data-phase=ski] .actions,body[data-phase=ready] .actions,body[data-phase=lift] .actions,body[data-phase=finish] .actions,body[data-phase=ready] .run-status,body[data-phase=finish] .run-status,body[data-paused=true] .run-status,body[data-phase=finish] .trick-bar,body[data-phase=ready] .trick-bar{display:none}#toast{left:50%;top:calc(190px + var(--safe-top));z-index:7;color:#fff;text-align:center;pointer-events:none;background:#173b50f2;border-radius:24px;max-width:90%;padding:10px 15px;font-size:12px;position:absolute;transform:translate(-50%)}#menu{left:calc(var(--view-left) + var(--view-width) / 2);top:calc(var(--view-top) + var(--view-height) / 2);width:min(460px, calc(var(--view-width) - 20px - var(--safe-left) - var(--safe-right)));max-height:calc(var(--view-height) - 20px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;touch-action:pan-y pinch-zoom;color:var(--ink);background:#f8fcf8;border:1px solid #fff;border-radius:20px;margin:0;padding:18px;position:fixed;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 80px #08273655}#menu::backdrop{background:#102f3680}.menu-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-heading h2{margin:0;font-size:21px}.menu-tabs{background:#e7eff0;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0;padding:4px;display:grid}.menu-tabs button{color:#3b5f6d;background:0 0;border-radius:8px;min-height:44px;font-size:14px}.menu-tabs button[aria-selected=true]{color:#fff;background:#173b4f}#menu h3{font-size:15px}#menu [role=tabpanel]>button{width:100%;margin:12px 0;display:block}.setting-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.setting-grid button{padding:10px;font-size:13px}.course-overview{grid-template-columns:110px 1fr;align-items:center;gap:20px;display:grid}.map-panel{text-align:center;pointer-events:none;background:#e6f0f2;border-radius:12px;padding:12px 5px}.map-panel .eyebrow{letter-spacing:0;font-size:10px}.map-panel svg{width:80px;height:170px;margin:5px auto;display:block}.map-panel strong{font-size:12px}.goals ul{margin:0;padding:0;list-style:none}.goals li{margin-top:12px;font-size:13px;line-height:1.6}.roster{margin:0;padding:0;list-style:none}.roster li{border-bottom:1px solid #d8e2e3;align-items:center;gap:9px;padding:14px 0;font-size:13px;display:flex}.roster li span{overflow-wrap:anywhere;flex:1}.roster li b{text-align:right;font-size:12px}.roster small{color:#637e88;margin-top:4px;font-weight:400;display:block}.color{border-radius:50%;flex-shrink:0;width:8px;height:8px}.c0{background:#ef7249}.c1{background:#37aaa5}.c2{background:#7185d8}.c3{background:#e8b940}.room-code{text-align:center;font-variant-numeric:tabular-nums;background:#e6f0f2;border-radius:10px;padding:15px}@media (width<=1000px){.hero-copy{max-width:45%;left:4%}.hero-copy h1{font-size:56px}.hero-copy p{font-size:14px}.entry-panel{width:320px;right:4%}.trail-label{width:280px}.playing .brand strong,.playing .brand small{display:none}.best-stat{display:none!important}}@media (any-pointer:coarse),(width<=900px){.playing .masthead{top:calc(12px + var(--safe-top));left:calc(14px + var(--safe-left))}.playing .brand strong,.playing .brand small{display:none}.playing .brand-mark{width:32px;height:32px}.room-bar{top:calc(8px + var(--safe-top));left:calc(58px + var(--safe-left));right:calc(12px + var(--safe-right));gap:6px}#hud-course{margin-right:auto;font-size:13px}.room-bar .tiny{padding:10px 12px;font-size:13px}.run-status{top:calc(65px + var(--safe-top));width:min(440px,100% - 28px)}.run-status h2{margin:5px 0;font-size:16px}.run-status p{font-size:13px}.run-status .eyebrow{letter-spacing:.4px;font-size:10px}.instruments{left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));bottom:calc(154px + var(--safe-bottom));border-radius:12px;justify-content:space-between;gap:8px;height:56px;padding:10px 12px}.instruments span{font-size:10px}.instruments b{font-size:17px}.instruments .speed{padding-right:10px}.instruments .speed b{min-width:32px;font-size:29px}.best-stat,.connection,.key-guide,.trick-bar,.desktop-guide{display:none!important}.mobile-guide{display:block}.touch{left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));z-index:4;pointer-events:none;justify-content:space-between;align-items:end;gap:12px;height:130px;display:flex;position:absolute}.move-controls{pointer-events:auto;width:136px;height:130px;position:relative}#steer-pad{touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;width:100%;height:100%;padding:0;position:absolute;inset:0}.stick-base{left:var(--origin-x,50%);top:var(--origin-y,50%);pointer-events:none;background:#14394d55;border:1px solid #fff9;border-radius:50%;width:106px;height:106px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 17px #edf7f41a}.stick-knob{width:46px;height:46px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));background:#f9fcf6e8;border:2px solid #fff;border-radius:50%;margin:-23px;position:absolute;top:50%;left:50%;box-shadow:0 3px 12px #102f3644}.stick-cross:before,.stick-cross:after{content:"";background:#fff5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick-cross:before{width:76px;height:1px}.stick-cross:after{width:1px;height:76px}#steer-pad.active .stick-knob{background:#f7a17c}.stick-hint{text-align:center;color:#173b4f;text-shadow:0 0 5px #fff;pointer-events:none;width:100%;font-size:10px;font-weight:750;position:absolute;bottom:-6px}.touch-actions{pointer-events:auto;grid-template-rows:repeat(2,56px);grid-template-columns:repeat(2,56px);gap:10px;display:grid}.touch-actions button,.direction-buttons button{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#173b4fe8;border:1px solid #fff9;border-radius:18px;width:56px;height:56px;padding:0;font-size:14px;font-weight:750}.touch-actions .jump{background:#dc693f}.touch-actions #touch-switch{color:#183846;background:#f5faf2e8;font-size:12px}.touch button.pressed{background:#e8754c}.direction-buttons{align-items:end;gap:8px;height:100%;padding-bottom:8px;display:none}.direction-buttons button{width:62px;height:62px;font-size:25px}body[data-control-mode=buttons] #steer-pad,body[data-control-mode=buttons] .stick-hint{display:none}body[data-control-mode=buttons] .direction-buttons{display:flex}body[data-move-hand=right] .move-controls{order:2}body[data-move-hand=right] .touch-actions{order:1}.actions{bottom:calc(158px + var(--safe-bottom));width:max-content;max-width:calc(100% - 24px);left:50%;right:auto;transform:translate(-50%)}body[data-phase=base] .instruments{display:none}body[data-phase=lift] .touch,body[data-phase=ready] .touch,body[data-phase=finish] .touch,body[data-paused=true] .touch{visibility:hidden}#toast{top:calc(142px + var(--safe-top));width:max-content;max-width:calc(100% - 32px);padding:9px 14px;font-size:12px}.result-card,.pause-card{max-height:calc(var(--view-height) - 90px - var(--safe-top) - var(--safe-bottom));padding:20px;top:53%}}@media (width<=650px){.masthead{top:calc(16px + var(--safe-top));left:calc(20px + var(--safe-left));right:calc(20px + var(--safe-right))}.brand-mark{width:30px;height:30px}.brand strong{font-size:15px}.brand small{letter-spacing:1px;font-size:6px}.edition,.hero-copy,.landing-footer{display:none}.entry-panel{left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));top:calc(74px + var(--safe-top));width:auto;max-height:calc(var(--view-height) - 86px - var(--safe-top) - var(--safe-bottom));border-radius:16px;padding:20px;transform:none}.entry-panel>.eyebrow{display:none}.entry-panel h2{margin:0 0 14px;font-size:21px}.entry-panel label{margin-top:11px}.entry-panel details{margin-top:10px}.entry-note{font-size:11px}#menu{border-radius:16px;padding:16px}.setting-grid button{min-height:46px}.result-card h2{margin:8px 0;font-size:21px}.result-card>b{font-size:34px}.score-breakdown{gap:4px;margin:10px 0}}@media (width>=560px) and (orientation:landscape) and (height<=600px){.masthead{top:calc(12px + var(--safe-top));left:calc(14px + var(--safe-left))}.brand strong{font-size:14px}.brand small,.edition,.hero-copy,.landing-footer{display:none}.entry-panel{top:calc(8px + var(--safe-top));left:auto;right:calc(12px + var(--safe-right));width:min(370px,100% - 190px);max-height:calc(var(--view-height) - 16px - var(--safe-top) - var(--safe-bottom));padding:16px;transform:none}.entry-panel h2{font-size:20px}.run-status{top:calc(56px + var(--safe-top));width:calc(100% - 280px - var(--safe-left) - var(--safe-right))}.run-status .eyebrow{display:none}.run-status h2{margin:0 0 4px;font-size:15px}.run-status p{font-size:12px}.touch{bottom:calc(10px + var(--safe-bottom))}.instruments{left:50%;right:auto;bottom:calc(16px + var(--safe-bottom));width:min(330px, calc(100% - 300px - var(--safe-left) - var(--safe-right)));height:52px;padding:8px 10px;transform:translate(-50%)}.instruments b{font-size:15px}.instruments .speed b{min-width:28px;font-size:25px}.instruments .speed{gap:2px;padding-right:6px}.instruments span{font-size:9px}.actions{bottom:calc(20px + var(--safe-bottom))}#toast{top:calc(111px + var(--safe-top));max-width:calc(100% - 280px)}.center-message{top:49%}.center-message b{font-size:65px}.center-message p{margin:6px 0;font-size:11px}.result-card,.pause-card{width:340px;max-height:calc(var(--view-height) - 65px - var(--safe-top) - var(--safe-bottom));padding:14px 20px;top:53%}.result-card h2{font-size:20px}.result-card>b{font-size:28px}.result-card>p{margin:6px 0}.score-breakdown{gap:3px;margin:8px 0;padding-top:8px;font-size:11px}.result-card button{margin-top:6px}}@media (width<=360px) and (orientation:portrait){#hud-course{font-size:12px}.room-bar .tiny{padding:10px}.instruments{gap:6px;padding:10px;left:10px;right:10px}.instruments b{font-size:15px}.entry-panel{padding:16px}.entry-panel h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media (width>=560px) and (orientation:landscape) and (height<=600px) and (width<=740px){.instruments>div:nth-child(2),.instruments>div:nth-child(3){display:none}.instruments{width:min(200px, calc(100% - 300px - var(--safe-left) - var(--safe-right)))}}#menu[open]{flex-direction:column;display:flex;overflow:hidden}.menu-heading,.menu-tabs{flex-shrink:0}#menu [role=tabpanel]{overscroll-behavior:contain;flex:auto;min-height:0;padding:0 2px 2px;overflow:auto}.masthead{gap:12px}.masthead .brand{min-width:0}.masthead .edition{margin-left:auto}.language-picker{background:#f7fcf2ed;border:1px solid #fff9;border-radius:10px;flex:none;width:80px;height:44px;margin:0;position:relative}.language-picker>span{color:#183846;justify-content:center;align-items:center;height:100%;font-size:14px;font-weight:750;display:flex}.language-picker select{opacity:0;cursor:pointer;width:100%;height:44px;min-height:44px;padding:0;font-size:16px;position:absolute;inset:0}.language-picker:focus-within{outline-offset:3px;outline:3px solid #ef744c}.playing .masthead .language-picker{display:none}.brand strong{overflow-wrap:anywhere}@media (width<=650px){.masthead{left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right))}.brand{gap:8px}.brand strong{max-width:calc(var(--view-width) - 160px);font-size:14px;line-height:1.25}.language-picker{width:74px}}@media (width>=560px) and (orientation:landscape) and (height<=600px){body:not(.playing) .masthead{flex-direction:column;align-items:flex-start;max-width:170px;right:auto}body:not(.playing) .masthead .language-picker{margin-top:10px}.brand strong{font-size:13px}}.skill-live{color:#fff8ee;pointer-events:none;text-align:center;background:#173b4fdc;border-radius:20px;max-width:75%;padding:6px 12px;font-size:12px;position:absolute;top:clamp(190px,26vh,250px);left:50%;transform:translate(-50%)}.recovery{z-index:8;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.recovery button{min-height:44px;padding:10px 18px}.skill-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none;display:grid}.skill-catalog li{background:#fff9;border:1px solid #173b4f20;border-radius:12px;min-width:0;padding:12px}.skill-catalog strong,.skill-catalog span{overflow-wrap:anywhere;display:block}.skill-catalog span{color:#496472;margin-top:6px;font-size:11px;line-height:1.55}.air-actions{grid-column:1/-1;gap:6px;display:flex}.air-actions button{min-width:44px;min-height:44px;padding:6px}@media (any-pointer:coarse),(width<=900px){.instruments{top:calc(184px + var(--safe-top));height:48px;bottom:auto}.actions{bottom:calc(200px + var(--safe-bottom))}.recovery{bottom:calc(318px + var(--safe-bottom))}.touch-actions{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(2,52px);gap:8px;position:relative}.touch-actions button{width:52px;height:52px;font-size:11px}.air-actions{position:absolute;bottom:calc(100% + 8px);right:0}body[data-move-hand=right] .air-actions{left:0;right:auto}.air-actions button{border-radius:14px;flex:0 0 44px;width:44px;height:44px}.skill-live{padding:5px 10px;font-size:11px;top:150px}}@media (width>=560px) and (orientation:landscape) and (height<=600px){.instruments{top:auto;bottom:calc(16px + var(--safe-bottom))}.actions{bottom:calc(20px + var(--safe-bottom))}.touch-actions{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(2,48px);gap:6px}.touch-actions button{width:48px;height:44px}.air-actions button{width:44px;height:44px}.skill-live{top:105px}.recovery{bottom:28%}}@media (width<=360px){.skill-catalog{grid-template-columns:1fr}}
