@font-face{font-family:Pretendard Variable;src:url(/fonts/PretendardVariable.woff2) format("woff2");font-style:normal;font-weight:45 920;font-display:swap}@font-face{font-family:Gowun Dodum;src:url(/fonts/GowunDodum-Title.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Pretendard Variable,Segoe UI,Malgun Gothic,sans-serif;color:#e8edf2;background:#080f19;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden}#world{display:block;width:100vw;height:100vh;height:100dvh;touch-action:none}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:46px;padding:11px 15px;border:1px solid #ffffff26;border-radius:14px;background:#23313e;color:#eef1f4;cursor:pointer;font-size:14px;touch-action:manipulation}button:hover:not(:disabled){background:#334657}button:disabled{opacity:.5;cursor:default}button[aria-pressed=true],button.primary{background:#e3ba86;color:#28251f;border-color:#e3ba86}button[aria-pressed=true]:hover,button.primary:hover{background:#f0cca0}:focus-visible{outline:2px solid #f0c48e;outline-offset:3px}.hud{position:fixed;inset:0;pointer-events:none}.self-badge,#stand-beside{position:fixed;transform:translate(-50%,-100%);padding:3px 9px;border:1px solid #ffffff80;border-radius:10px;background:#172731e8;color:#fff;font-size:12px;font-weight:700;line-height:18px;box-shadow:0 2px 6px #0004;pointer-events:none;-webkit-user-select:none;user-select:none}#compass{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 360px));height:66px;color:#f4f2e9;text-shadow:0 1px 3px #000,0 0 6px #0009;pointer-events:none}.compass-scale{position:relative;height:43px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.compass-tick{position:absolute;top:0;transform:translate(-50%);height:39px;padding-top:18px;font-size:11px;font-variant-numeric:tabular-nums}.compass-tick:before{content:"";position:absolute;top:5px;left:50%;width:1px;height:6px;background:#f4f2e9a6;box-shadow:0 1px 3px #000}.compass-tick.major:before,.compass-tick.cardinal:before{height:10px;background:#f4f2e9}.compass-tick.cardinal{font-size:15px;font-weight:600}.compass-pointer{position:absolute;top:-3px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #f0c48e;filter:drop-shadow(0 1px 2px #000)}.compass-bearing{display:block;width:max-content;margin:0 auto;padding:1px 7px;border-radius:4px;background:#10182370;color:#f0c48e;font-size:12px;font-variant-numeric:tabular-nums}@media(max-width:760px){#compass{top:calc(max(18px,env(safe-area-inset-top)) + 58px);width:min(400px,calc(100vw - 40px))}}.scene-toolbar{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;justify-content:space-between;gap:12px}.scene-toolbar button,.emote-controls button,#minimap-overlay{pointer-events:auto;box-shadow:0 3px 14px #0003}.toolbar-end,.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#screenshot-status{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 32px);margin:0;padding:12px 18px;border-radius:14px;background:#18232ef2;color:#eef1f4;font-size:13px;pointer-events:none;animation:screenshot-status 4s forwards}@keyframes screenshot-status{0%,80%{opacity:1}to{opacity:0}}.emote-controls{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:10px}.emote-controls button{flex-direction:column;gap:6px;min-width:70px;padding:12px 14px;background:#eee5d6;border-color:#fff3dd80;color:#3a382f;font-size:12px}.emote-controls button:hover:not(:disabled){background:#fff0d8}.emote-controls button[aria-pressed=true]{background:#e3ba86;border-color:#e3ba86}.equipment-menu,.location-menu{position:relative;display:flex}#equipment-toggle[aria-expanded=true]{background:#e3ba86;border-color:#e3ba86}#equipment-options,#location-options{position:absolute;max-height:calc(100dvh - 120px);overflow-y:auto;pointer-events:auto;animation:equipment-expand .16s ease-out}#equipment-options{right:0;bottom:calc(100% + 10px);width:100%}#location-options{left:0;top:calc(100% + 10px);width:max-content;min-width:100%;max-width:calc(100vw - 36px)}#location-toggle[aria-expanded=true]{border-color:#e3ba86}#location-options .site-navigation{gap:8px}#location-options a{display:flex;align-items:center;min-height:46px;padding:11px 15px;border-radius:14px;background:#23313e;border-color:#ffffff26;color:#eef1f4;font-size:14px;box-shadow:0 3px 14px #0003}#location-options a:hover{background:#334657}#location-options a[aria-current=page]{background:#23313e;border-color:#e3ba86;color:#ffe0b9}#location-options a[aria-disabled=true]{background:#23313e;border-color:#ffffff26;color:#87939e;opacity:1}.equipment-controls{display:grid;gap:8px}.equipment-controls button{width:100%;min-height:56px}.equipment-controls .icon{width:25px;height:25px}.emote-controls button[aria-disabled=true],.emote-controls button[aria-disabled=true]:hover{background:#64696f;border-color:#ffffff26;color:#bdc3c9;cursor:default}#equipment-notice{position:fixed;z-index:3;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:13px 17px;border:1px solid #ffffff26;border-radius:16px;background:#1e2b36f2;box-shadow:0 8px 28px #0004;color:#edf1f5;font-size:13px;line-height:1.6;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:equipment-expand .16s ease-out}#equipment-notice .icon{color:#e3ba86}@keyframes equipment-expand{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#equipment-options,#location-options,#equipment-notice{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.movement-controls{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 96px);display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 36px)}.movement-controls button{pointer-events:auto}#direction-hint{margin:0;padding:10px 12px;border:1px solid #ffffff26;border-radius:14px;background:#18232ef2;font-size:12px;line-height:1.5}#stand-beside{min-width:0;min-height:0;width:max-content;pointer-events:auto}@media(max-width:600px){.movement-controls{right:max(10px,env(safe-area-inset-right));bottom:calc(max(10px,env(safe-area-inset-bottom)) + 62px);max-width:calc(100vw - 20px)}#direction-toggle{padding:8px 12px;font-size:12px;background:#18232ee6}#direction-toggle[aria-pressed=true]{background:#e3ba86}}#ui-dialog{width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));padding:0;border:1px solid #52617070;border-radius:22px;color:#e8edf2;background:#18232e;box-shadow:0 24px 80px #0006;overflow:hidden}#ui-dialog[open]{display:flex;flex-direction:column}#ui-dialog::backdrop{background:#08121c65}.dialog-header{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;flex-shrink:0;border-bottom:1px solid #ffffff12}.dialog-header h1{flex:1;font-size:18px;font-weight:600;margin:0}.dialog-header button{background:transparent;padding:8px;font-size:22px;border-color:transparent}.dialog-body{padding:20px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.dialog-body h2{font-size:16px;font-weight:500;margin:0 0 14px}.menu-list{display:grid;gap:9px}.menu-list>button,.menu-list>a{width:100%;text-align:left;justify-content:space-between}.menu-list>a{display:block;padding:14px;border:1px solid #ffffff26;border-radius:12px;color:#e8edf2;text-decoration:none}.menu-list>a:hover{background:#334657}.menu-current-mode{margin:0 0 12px}.menu-primary>a,.menu-primary>button{display:flex;align-items:center;min-height:58px;padding:16px;border-radius:14px;background:#23313e;font-size:16px;font-weight:600}.menu-primary>button{border-color:#e3ba8680;color:#ffe0b9}.menu-secondary .menu-list>button{background:transparent;font-size:13px}.site-navigation a[aria-current=page]{border-color:#e3ba86;color:#ffe0b9}.site-navigation a[aria-disabled=true]{opacity:.45;cursor:not-allowed}.eyebrow{color:#a8bac8;font-size:11px;letter-spacing:.14em;margin:0 0 8px}.muted,.unit{color:#adbdca;font-size:12px;line-height:1.7}.muted{margin:12px 0}.date-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;font-variant-numeric:tabular-nums;margin-bottom:20px}.mode{border-radius:5px;padding:3px 6px;background:#304e42;color:#bce6cf;font-size:11px}.mode.custom{background:#5d4931;color:#ffe0b9}.time-panel{display:grid;gap:22px;border:0;margin:0;padding:0;min-width:0}.time-panel:disabled{opacity:.5}.date-field{display:grid;gap:9px;font-size:13px}input[type=date],input[type=text]{min-width:0;width:100%;max-width:100%;min-height:46px;padding:10px 12px;border:1px solid #596875;border-radius:10px;background:#111d28;color:#edf4fc;font-size:16px}.date-picker{position:relative;display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;border:1px solid #ffffff40;border-radius:12px;background:#18232ed9;box-shadow:0 3px 14px #0003;color:#edf4fc;font-size:14px;font-variant-numeric:tabular-nums;text-shadow:none}.date-picker .icon{color:#e3ba86;flex-shrink:0}.date-picker:focus-within{outline:2px solid #e3ba86;outline-offset:3px}.date-picker input[type=date]{position:absolute;inset:0;height:100%;opacity:0;cursor:pointer}.date-picker input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;cursor:pointer}#live-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:88px;border-radius:12px;font-size:12px;letter-spacing:.08em;color:#adbdca}.live-dot{width:7px;height:7px;border-radius:50%;background:currentColor}#live-button[aria-pressed=true],#solo-time-controls #live-button[aria-pressed=true]{background:#173d32ed;border-color:#77d8ac80;color:#9aefc4}#live-button[aria-pressed=true] .live-dot{box-shadow:0 0 8px #77d8ac80}.slider-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}output{font-size:20px;font-variant-numeric:tabular-nums;color:#ffe0b9}input[type=range]{display:block;width:100%;min-height:36px;margin:8px 0 0;accent-color:#e3ba86;cursor:pointer}.ticks{display:flex;justify-content:space-between;font-size:11px;color:#a1b1bf;font-variant-numeric:tabular-nums}#solo-time-controls{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:min(420px,calc(100vw - 310px));color:#f4f2e9;text-shadow:0 1px 4px #000,0 0 8px #0008}#solo-time-controls .date-row{display:none}#solo-time-controls .time-panel{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}#solo-time-controls .date-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#solo-time-controls .date-field{grid-column:1;grid-row:1}#solo-time-controls #live-button{grid-column:2;grid-row:1}#solo-time-controls .slider-field{grid-column:1 / -1}#solo-time-controls input,#solo-time-controls button{pointer-events:auto}#solo-time-controls input[type=date],#solo-time-controls button{background:#18232ed9;border-color:#ffffff40;box-shadow:0 3px 14px #0003;border-radius:12px}#solo-time-controls button:disabled{opacity:.75}#solo-time-controls .slider-label label:after{content:" · KST"}#solo-time-controls .ticks{color:#e8edf2}#solo-time-controls.shared-time .date-field,#solo-time-controls.shared-time #time-slider,#solo-time-controls.shared-time .ticks,#solo-time-controls.shared-time .slider-label label{display:none}#solo-time-controls.shared-time .time-panel{grid-template-columns:auto auto;justify-content:start;gap:16px}#solo-time-controls.shared-time .slider-field{grid-column:1;grid-row:1;align-self:center}#solo-time-controls.shared-time .slider-label{justify-content:flex-start}@media(max-width:600px){#solo-time-controls{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 90px);width:auto}}.text-button{border:0;padding-inline:0;background:transparent;color:#e3ba86}#time-toggle{display:none}.full-width{width:100%}.angles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.angles>div{display:flex;flex-direction:column;gap:8px}.label{color:#b9c6d0;font-size:12px}.angles strong{font-size:28px;font-weight:400;font-variant-numeric:tabular-nums}.events{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #ffffff18;font-size:13px}.events b{font-weight:500;color:#ffe0b9}#standard-times{display:block}.weather-information{padding-top:18px;margin-top:18px;border-top:1px solid #ffffff18}.weather-information h2{margin:0}details{border-top:1px solid #ffffff18;margin-top:16px;padding-top:8px}summary{padding:12px 0;cursor:pointer;font-size:14px}.terrain-source{display:block;font-size:12px;color:#bfd0dd;line-height:1.7;margin:10px 0;text-underline-offset:4px;overflow-wrap:anywhere}.switch-row{display:flex;align-items:center;gap:10px;margin:0 0 20px;min-height:44px;font-size:14px}.switch-row input{width:20px;height:20px;accent-color:#e3ba86}.session-controls label{display:block;margin-bottom:8px;font-size:13px}.session-controls .button-row{margin-top:16px}#control-hint{font-size:13px;line-height:1.7}#minimap-overlay{position:absolute;left:max(18px,env(safe-area-inset-left));top:calc(max(18px,env(safe-area-inset-top)) + 60px);width:180px}.minimap{padding:6px;background:#15232ef2;border:1px solid #ffffff26;border-radius:16px}.minimap-map{position:relative}.minimap canvas{display:block;width:100%;aspect-ratio:1;border-radius:10px}.minimap-direction{position:absolute;font-size:11px;color:#e8edf2;text-shadow:0 1px 4px #000;pointer-events:none}.minimap-direction.north{top:4px;left:50%;transform:translate(-50%)}.minimap-direction.east{right:4px;top:50%;transform:translateY(-50%)}.minimap-direction.south{bottom:4px;left:50%;transform:translate(-50%)}.minimap-direction.west{left:4px;top:50%;transform:translateY(-50%)}.minimap-zoom{position:absolute;right:0;bottom:0;display:flex;gap:4px}.minimap-zoom button{padding:0;min-height:44px;font-size:20px;border-radius:10px}#minimap-close{position:absolute;right:-10px;top:-12px;z-index:1;padding:0;font-size:22px;border-radius:50%}#render-error{position:fixed;z-index:2;top:25%;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 32px));padding:24px;background:#18232e;border:1px solid #aa7550;border-radius:16px;line-height:1.7}@media(max-width:540px){.scene-toolbar{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}.emote-controls{right:max(14px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));gap:8px}.emote-controls button{min-width:64px;padding:11px 12px}#minimap-overlay{width:152px}.dialog-body{padding:18px}}@media(max-height:480px){#ui-dialog{max-height:calc(100dvh - 16px)}.dialog-header{padding-block:6px}#minimap-overlay{width:132px}.emote-controls{bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-width:600px){.scene-toolbar{top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}.scene-toolbar button{width:44px;height:44px;min-height:44px;padding:10px;border-radius:12px}#current-location{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#compass{top:calc(max(8px,env(safe-area-inset-top)) + 3px);left:calc(50% - 26px);width:calc(100vw - 192px);height:52px}.compass-scale{height:34px}.compass-tick{padding-top:15px;font-size:10px}.compass-tick.cardinal{font-size:12px}.compass-tick:not(.cardinal){font-size:0;color:transparent;text-shadow:none}.compass-bearing{font-size:10px}.emote-controls{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));gap:6px}.emote-controls button{min-width:44px;min-height:48px;padding:5px 6px;gap:3px;border-radius:11px;font-size:10px}.emote-controls .icon{width:18px;height:18px}#solo-time-controls{left:max(10px,env(safe-area-inset-left));right:auto;bottom:max(10px,env(safe-area-inset-bottom));width:auto}#solo-time-controls #time-toggle{display:inline-flex;min-height:48px;padding:8px 10px;gap:6px;font-size:15px;font-variant-numeric:tabular-nums}.time-toggle-label{font-size:10px;color:#adbdca}#solo-time-controls:not(.shared-time) #time-settings{display:none;position:absolute;bottom:60px;left:0;width:min(360px,calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 140px);overflow-y:auto;padding:16px;border:1px solid #ffffff26;border-radius:16px;background:#18232ef5;pointer-events:auto}#solo-time-controls:not(.shared-time):has(#time-toggle[aria-expanded=true]) #time-settings{display:block}#solo-time-controls.shared-time #time-toggle{display:none}#solo-time-controls.shared-time .time-panel{gap:6px;min-height:48px;align-items:center}#solo-time-controls.shared-time output{font-size:13px}#solo-time-controls.shared-time #live-button{min-width:48px;min-height:44px;padding:6px;gap:4px;font-size:10px;letter-spacing:0}#solo-time-controls.shared-time .live-dot{width:5px;height:5px}}.in-lobby>#world,.in-lobby>.hud,.in-lobby>#render-error{visibility:hidden}#lobby{position:fixed;inset:0;z-index:20;overflow-y:auto;background:#0c1515;color:#f6e9d0}#lobby[hidden],#lobby [hidden]{display:none}#lobby-sunrise{position:fixed;inset:0;display:block;width:100%;height:100%;pointer-events:none}.lobby-content{position:relative;min-height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(32px,env(safe-area-inset-top)) 24px max(110px,env(safe-area-inset-bottom))}h1.lobby-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 36px;font-family:Gowun Dodum,Pretendard Variable,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:400;letter-spacing:-.025em;color:#f8ead0;text-shadow:0 2px 18px #071515b3}.lobby-brand img{width:clamp(48px,6vw,70px);height:auto;filter:drop-shadow(0 2px 8px #07151580)}#lobby h1.lobby-brand{-webkit-text-stroke:2px #293632;paint-order:stroke fill;text-shadow:0 2px 8px #07151550}#lobby .lobby-panel h2,#lobby #lobby-status,#lobby #lobby-back,#lobby #lobby-retry{-webkit-text-stroke:1.5px #293632;paint-order:stroke fill;text-shadow:0 1px 3px #07151560}.lobby-brand img{filter:drop-shadow(1px 0 0 #293632) drop-shadow(-1px 0 0 #293632) drop-shadow(0 1px 0 #293632) drop-shadow(0 -1px 0 #293632)}#lobby #lobby-back,#lobby #lobby-retry{color:inherit}.lobby-panel{width:min(100%,340px);text-align:center}.lobby-panel h2{margin:0 0 16px;font-size:18px;font-weight:500}.lobby-panel h2:focus{outline:none}#lobby-status{margin:0 0 18px;font-size:13px;color:#e4d8c7;line-height:1.7}#lobby-options{display:flex;justify-content:center;gap:0}#lobby .lobby-choice{flex:1;display:grid;justify-items:center;min-width:0;min-height:52px;padding:12px 18px;color:#f2e5cd;background:#131e1ed9;border:1px solid #efdbb449;border-radius:0;font-size:16px;font-weight:400}#lobby .lobby-choice:first-child{border-radius:12px 0 0 12px}#lobby .lobby-choice:last-child{border-radius:0 12px 12px 0}#lobby .lobby-choice:only-child{border-radius:12px}#lobby .lobby-choice+.lobby-choice{border-left:0}#lobby .lobby-choice:hover:not(:disabled){background:#eed4a8;color:#1b2827}.lobby-choice small{font-size:12px;font-weight:400;margin-top:4px}#lobby .lobby-choice:disabled{opacity:.5;cursor:not-allowed}#lobby button:focus-visible{outline:2px solid #ffe2a8;outline-offset:4px}#lobby-back,#lobby-retry{margin:14px 4px 0;min-height:44px;padding:8px 14px;background:transparent;border-color:#efdbb430;font-size:13px}@media(max-width:600px){.lobby-content{padding-bottom:120px}}@media(max-height:450px){.lobby-content{padding-block:24px 64px}h1.lobby-brand{margin-bottom:18px;font-size:32px}.lobby-brand img{width:44px}}