.world-destinations{color:#304237;background:#f4efdf;border:1px solid #617064;border-radius:8px;width:min(480px,100vw - 28px);max-height:calc(100dvh - 32px);padding:30px;overflow:auto;box-shadow:0 18px 70px #15271f55}.world-destinations::backdrop{background:#1728229c}.world-destinations form{margin:0}.world-destinations h2{margin:18px 0 10px;font-size:27px;line-height:1.3}.destination-close{float:right;background:0 0;border:0;width:44px;margin:-16px -16px 0 0;padding:0;font-size:23px}.bus-destinations small{letter-spacing:.12em;font-size:12px}.bus-destinations p{font-size:14px;line-height:1.6}.bus-routes{gap:12px;margin:24px 0;display:grid}.bus-routes button{text-align:left;background:#fffdf4;border-color:#7d897b;gap:7px;padding:18px;display:grid}.bus-routes button:hover{background:#e1e8d5}.bus-routes strong{font-size:20px}.bus-routes span{color:#59695d;font-size:13px}.bus-trip-help{color:#687266;border-top:1px solid #bbc0ac;margin-bottom:0;padding-top:16px}.scene-picker{width:min(340px,100vw - 28px)}.scene-picker h2{margin:0 0 16px;font-size:23px}.scene-routes{gap:8px;display:grid}.scene-routes button{text-align:left;background:#fffdf4;border-color:#7d897b;justify-content:space-between;align-items:center;gap:12px;display:flex}.scene-routes button:not(:disabled):hover{background:#e1e8d5}.scene-routes button[aria-current]{cursor:default;background:#e1e8d5}.scene-routes span{font-size:12px}.bus-notice{left:50%;bottom:max(70px,env(safe-area-inset-bottom));z-index:25;color:#304237;text-align:center;pointer-events:none;background:#f5efdf;border:1px solid #7a8c7d;border-radius:6px;width:max-content;max-width:calc(100vw - 24px);padding:16px 24px;position:fixed;transform:translate(-50%);box-shadow:0 5px 25px #15271f33}.travel-game-canvas{z-index:18;width:100vw;height:100dvh;position:fixed;inset:0}body[data-bus-game]{--ui-ink:#2a302a;--ui-type:Seoul,"Malgun Gothic",sans-serif;--ui-game:Seoul,sans-serif;--ui-paper:#fff8e5;--ui-shadow:#1f3225;--ui-gold:#d8ab52;--ui-blue:#4a7582}body[data-bus-game] .mg-hud{z-index:21}@media (width<=600px){.world-destinations{padding:22px}.bus-destinations h2{font-size:24px}.bus-notice{font-size:13px;bottom:25px}}.avatar-customizer{color:#282a26;background:#f4f1e7;border:2px solid #42483f;border-radius:6px;width:min(690px,100vw - 28px);max-height:calc(100dvh - 28px);padding:0;font:14px Seoul,Malgun Gothic,sans-serif;overflow:hidden;box-shadow:7px 9px #1d241a33}.avatar-customizer::backdrop{background:#18211bc4}.avatar-customizer form{flex-direction:column;max-height:calc(100dvh - 32px);display:flex}.avatar-customizer header{border-bottom:1px solid #c8c8ba;justify-content:space-between;align-items:center;padding:20px 24px 15px;display:flex}.avatar-customizer h2{margin:0 0 5px;font-size:23px}.avatar-customizer p{color:#64685e;margin:0;font-size:12px}.avatar-customizer button{background:#faf8f0;border-color:#a8ab9e;min-height:44px;padding:8px 12px;font-size:13px}.avatar-customizer button:focus-visible{outline-offset:2px;outline:3px solid #42634a}.avatar-customizer header button{width:44px;padding:0;font:24px sans-serif}.avatar-body{grid-template-columns:220px 1fr;min-height:0;display:grid;overflow:auto}.avatar-preview{text-align:center;background:#e9e6dc;align-self:start;padding:24px 12px;position:sticky;top:0}.avatar-drawing{background:radial-gradient(43% 3% at 50% 96%,#94947b50,#0000);justify-content:center;align-items:center;height:300px;display:flex}.avatar-drawing svg{width:auto;max-width:100%;height:100%}.avatar-turn{justify-content:center;gap:3px;margin:13px 0 12px;display:flex}.avatar-turn button{padding:7px 8px;font-size:11px}.avatar-options{padding:8px 22px 18px}.avatar-options fieldset{border:0;margin:0;padding:10px 0 2px}.avatar-options legend{padding:0;font-size:13px;font-weight:700}.avatar-choices{flex-wrap:wrap;gap:6px;display:flex}.avatar-customizer button[aria-pressed=true]{color:#fff9ed;background:#46594d;border-color:#263d2d;box-shadow:inset 0 0 0 1px #263d2d}.avatar-customizer .avatar-swatch{background:var(--swatch);width:44px;height:44px;box-shadow:none;border:3px solid #f4f1e7;border-radius:50%;outline:1px solid #9a9b8d;padding:5px}.avatar-customizer .avatar-swatch[aria-pressed=true]{background:var(--swatch);box-shadow:none;border-color:#f4f1e7;outline:3px solid #354d3b}.avatar-swatch span{visibility:hidden;color:#fff;background:#151a16c9;border-radius:50%;padding:1px 4px}.avatar-swatch[aria-pressed=true] span{visibility:visible}.avatar-customizer footer{pointer-events:auto;text-shadow:none;background:#f4f1e7;border-top:1px solid #c8c8ba;justify-content:space-between;align-items:center;gap:8px;padding:14px 20px;display:flex;position:static}.avatar-customizer footer>div{gap:7px;display:flex}.avatar-customizer .avatar-apply{color:#fff9ed;background:#46594d;border-color:#344338}.avatar-customizer .avatar-apply:hover{background:#35473a}@media (width<=540px){.avatar-customizer header{padding:14px 16px}.avatar-body{grid-template-columns:125px 1fr}.avatar-preview{padding:15px 4px}.avatar-drawing{height:215px}.avatar-turn{grid-template-columns:1fr 1fr;gap:4px;padding:0 5px;display:grid}.avatar-preview p{font-size:10px;line-height:1.6}.avatar-options{padding:9px 12px 16px}.avatar-choices{gap:7px}.avatar-customizer button{padding:7px 8px;font-size:12px}.avatar-customizer footer{padding:12px 10px}.avatar-customizer h2{font-size:20px}}@font-face{font-family:Seoul;src:url(/fonts/mapo-dpp.woff2)format("woff2");font-display:swap}#loading-detail{text-align:center;font-variant-numeric:tabular-nums;max-width:calc(100% - 48px);font-size:14px;line-height:1.6}#load-error p{text-align:center;max-width:min(430px,100% - 48px);line-height:1.6}:root{color:#222;font-synthesis:none;background:#d7d7d7;font-family:Seoul,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:#f2f2f2;border:1px solid #888;border-radius:3px;min-height:44px;padding:9px 15px}button:hover{background:#fff;border-color:#222}button:active{background:#ccc}button:focus-visible{outline-offset:3px;outline:3px solid #111}#atlas-app{height:100dvh;position:relative}#world-screen{position:absolute;inset:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}#atlas-app>header{top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));pointer-events:none;align-items:center;gap:17px;display:flex;position:absolute}#atlas-app>header button{pointer-events:auto;min-height:36px;padding:6px 12px;font-size:12px}h1{margin:0 0 3px;font-size:23px;line-height:1.25}.title span{color:#555;font-size:11px}#online{font-size:12px}#atlas-app>header h1,#atlas-app>header span{text-shadow:0 1px 2px #eee,0 -1px 2px #eee}.view-controls{top:max(18px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));gap:6px;display:flex;position:absolute}.view-controls button{font-size:13px}.zoom{flex-direction:column;gap:5px;display:flex;position:absolute;bottom:55px;right:22px}.zoom button{width:44px;padding:6px;font-size:22px}footer{bottom:max(12px,env(safe-area-inset-bottom));color:#444;pointer-events:none;text-shadow:0 1px 2px #eee;justify-content:space-between;gap:15px;font-size:11px;display:flex;position:absolute;left:22px;right:22px}#places{background:#eeeef0f5;border:1px solid #999;width:270px;max-height:calc(100% - 140px);padding:16px;position:absolute;top:73px;right:22px;overflow:auto;box-shadow:0 4px 16px #0002}#places h2{margin:0 0 12px;font-size:16px}#mini-map{background:#ddd;border:1px solid #aaa;width:100%;height:185px}#place-list{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}#place-list button{padding:8px 6px;font-size:12px}#loading,#load-error{z-index:10;background:#ddd;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}#loading strong{font-size:21px}.world-name{text-shadow:1px 1px #fff,-1px -1px #fff,0 1px #fff;pointer-events:none;white-space:nowrap;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}#touch-pad{display:none}@media (width<=700px){#atlas-app>header{top:max(12px,env(safe-area-inset-top));gap:10px;left:12px}h1{font-size:20px}.title span,#online{font-size:10px}#atlas-app>header button{min-height:44px;padding:6px}.view-controls{gap:4px;top:76px;right:12px}.view-controls button{padding:8px 10px;font-size:12px}#places{width:min(270px,100% - 24px);max-height:calc(100% - 280px);top:128px;right:12px}footer{font-size:10px;left:12px;right:12px}footer span:last-child{display:none}.zoom{right:12px;bottom:max(55px,env(safe-area-inset-bottom))}}@media (pointer:coarse){#touch-pad{left:16px;bottom:max(55px,env(safe-area-inset-bottom));grid-template-columns:repeat(3,46px);gap:5px;display:grid;position:absolute}#touch-pad button{touch-action:none;background:#eeed;padding:8px;font-size:20px}#touch-pad button:first-child{grid-column:2}#touch-pad button:nth-child(2){grid-column:1}footer span{display:none}}.seoul-welcome{filter:grayscale()}.appearance-controls{top:max(70px,calc(env(safe-area-inset-top) + 52px));right:max(22px,env(safe-area-inset-right));gap:8px;max-width:calc(100% - 24px);display:flex;position:absolute}.lighting-controls,.display-controls{background:#eee9dfee;border:1px solid #76776f;border-radius:5px;gap:0;padding:3px;display:flex}.lighting-controls button,.display-controls button{background:0 0;border-color:#0000;min-width:60px;min-height:44px;font-size:13px}.lighting-controls button[aria-pressed=true],.display-controls button[aria-pressed=true]{color:#fff9ed;background:#46594d;border-color:#344338}.lighting-controls button:hover,.display-controls button:hover{border-color:#344338}#places{top:max(128px,calc(env(safe-area-inset-top) + 110px));max-height:calc(100% - 195px)}@media (width<=700px){.appearance-controls{flex-direction:column;align-items:flex-end;gap:6px;top:126px;right:12px}#places{max-height:calc(100% - 355px);top:242px}}#character{pointer-events:auto;font:inherit;color:#222;background:#f2f2f2;border:1px solid #888;border-radius:3px;min-width:64px;min-height:36px;padding:6px;font-size:12px}#character:focus-visible{outline-offset:3px;outline:3px solid #111}#character:disabled{opacity:.6}@media (width<=700px){#character{min-height:44px}#atlas-app>header{flex-wrap:wrap;right:12px}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;overflow:hidden;position:absolute!important}#customize:disabled{opacity:.5;cursor:wait}@media (width<=700px){#atlas-app>header{gap:7px}#atlas-app>header .title{flex-basis:100%}#atlas-app>header h1{font-size:18px}#atlas-app>header .title span{display:none}.view-controls{top:90px}.appearance-controls{top:140px}}#loading{padding:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left));text-align:center;gap:12px}#loading-phase{letter-spacing:.08em;opacity:.7;font-size:12px}#loading strong{max-width:100%;line-height:1.45}#loading-percent{font-variant-numeric:tabular-nums;min-height:42px;margin-top:8px;font-size:20px;line-height:42px;display:block}#loading-percent[data-numeric=true]{font-size:32px;font-weight:700}#loading-progress{accent-color:#46594d;width:min(300px,100%);height:9px}#loading-detail{max-width:100%;font-size:14px;line-height:1.6}#loading-bytes{font-variant-numeric:tabular-nums;opacity:.7;max-width:100%;font-size:11px;line-height:1.5}body[data-neighborhood-display=crt] #loading-progress{accent-color:var(--crt-ink)}body[data-neighborhood-display=crt]{--crt-ink:#fff9df;--crt-dark:#161c22;--crt-x:max(3vw, 20px, env(safe-area-inset-left), env(safe-area-inset-right));--crt-y:max(2.5dvh, 18px, env(safe-area-inset-top));--crt-shadow:0 1px 1px #101820, 0 0 3px #101820b0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-neighborhood-display=crt] :is(#atlas-app,.seoul-welcome,.avatar-customizer,.world-destinations,.bus-notice,.mg-hud){color:var(--crt-ink);text-shadow:var(--crt-shadow);letter-spacing:.04em;font-family:Seoul,Malgun Gothic,monospace}body[data-neighborhood-display=crt] :is(#atlas-app>header,.view-controls,.lighting-controls,.display-controls,.zoom,#touch-pad){box-shadow:none;background:0 0;border:0;border-radius:0}body[data-neighborhood-display=crt] :where(#atlas-app,.seoul-welcome,.avatar-customizer,.world-destinations,.mg-hud) :is(button,select),body[data-neighborhood-display=crt] #character{min-height:48px;color:var(--crt-ink);font:inherit;letter-spacing:.04em;text-shadow:var(--crt-shadow);box-shadow:none;background:0 0;border:0;border-radius:0;font-weight:400;transition:background-color 80ms steps(2,end),color 80ms steps(2,end)}body[data-neighborhood-display=crt] :where(#atlas-app,.seoul-welcome,.avatar-customizer,.world-destinations,.mg-hud) :is(button[aria-pressed=true],button[aria-expanded=true],.welcome-submit,.avatar-apply){color:var(--crt-ink);text-underline-offset:6px;background:0 0;text-decoration:underline;text-decoration-thickness:2px}@media (hover:hover){body[data-neighborhood-display=crt] :where(#atlas-app,.seoul-welcome,.avatar-customizer,.world-destinations,.mg-hud) :is(button,select):not(:disabled):hover{background:var(--crt-ink);color:var(--crt-dark);text-shadow:none}}body[data-neighborhood-display=crt] :where(#atlas-app,.seoul-welcome,.avatar-customizer,.world-destinations,.mg-hud) :is(button,select):focus-visible{outline:2px solid var(--crt-ink);outline-offset:1px;background:var(--crt-dark)}body[data-neighborhood-display=crt] :where(#atlas-app,.seoul-welcome,.avatar-customizer,.world-destinations,.mg-hud) button:not(:disabled):active{background:var(--crt-ink);color:var(--crt-dark);text-shadow:none;translate:0 1px}body[data-neighborhood-display=crt] :is(button,select):disabled{opacity:.45;cursor:wait}body[data-neighborhood-display=crt] select option{background:var(--crt-dark);color:var(--crt-ink)}body[data-neighborhood-display=crt] #atlas-app>header{top:var(--crt-y);left:var(--crt-x);gap:10px;padding:0}body[data-neighborhood-display=crt] #atlas-app>header :is(h1,span){text-shadow:var(--crt-shadow);color:var(--crt-ink)}body[data-neighborhood-display=crt] #atlas-app>header button{min-height:48px;padding:8px 10px;font-size:14px}body[data-neighborhood-display=crt] #atlas-app h1{font-size:23px}body[data-neighborhood-display=crt] .title{border:0;padding-right:8px}body[data-neighborhood-display=crt] .title span{font-size:11px}body[data-neighborhood-display=crt] #online{font-size:12px}body[data-neighborhood-display=crt] #online:before{content:"● ";font-size:8px}body[data-neighborhood-display=crt] .view-controls{top:var(--crt-y);right:var(--crt-x);gap:4px}body[data-neighborhood-display=crt] .view-controls button{padding:8px 12px;font-size:16px}body[data-neighborhood-display=crt] .appearance-controls{top:auto;bottom:var(--crt-y);right:var(--crt-x);gap:18px}body[data-neighborhood-display=crt] :is(.lighting-controls,.display-controls){gap:1px;padding:0}body[data-neighborhood-display=crt] :is(.lighting-controls,.display-controls) button{min-width:50px;padding:8px 10px;font-size:15px}body[data-neighborhood-display=crt] .zoom{right:var(--crt-x);bottom:calc(var(--crt-y) + 66px);gap:0;padding:0}body[data-neighborhood-display=crt] .zoom button{width:48px;font-size:25px}body[data-neighborhood-display=crt] #atlas-app>footer{left:var(--crt-x);right:auto;bottom:calc(var(--crt-y) + 10px);color:var(--crt-ink);text-shadow:var(--crt-shadow);font-size:12px}body[data-neighborhood-display=crt] #atlas-app>footer span{background:0 0;padding:4px 0}body[data-neighborhood-display=crt] #atlas-app>footer span:last-child{display:none}body[data-neighborhood-display=crt] #touch-pad{left:var(--crt-x);bottom:calc(var(--crt-y) + 68px);gap:3px;padding:0}body[data-neighborhood-display=crt] .world-name{color:var(--crt-ink);-webkit-text-stroke:0;text-shadow:var(--crt-shadow);background:0 0}body[data-neighborhood-display=crt] :is(#places,.seoul-welcome,.avatar-customizer,.world-destinations,.bus-notice,.mg-result){color:var(--crt-ink);box-shadow:none;background:#161c22ed;border:0;border-radius:0}body[data-neighborhood-display=crt] #places{top:calc(var(--crt-y) + 68px);right:var(--crt-x);width:294px;max-height:calc(100dvh - var(--crt-y) * 2 - 140px);scrollbar-color:var(--crt-ink) var(--crt-dark);scrollbar-width:thin;padding:20px}body[data-neighborhood-display=crt] #places h2{border-bottom:1px solid #fff9df50;padding-bottom:10px;font-size:17px}body[data-neighborhood-display=crt] #mini-map{filter:saturate(.6);background:#b8cec3;border:0}body[data-neighborhood-display=crt] #place-list{gap:3px}body[data-neighborhood-display=crt] #place-list button{text-align:left;padding:8px;font-size:13px}body[data-neighborhood-display=crt] :is(#loading,#load-error){background:var(--crt-dark);color:var(--crt-ink)}body[data-neighborhood-display=crt] :is(.seoul-welcome,.avatar-customizer,.world-destinations){filter:none;max-width:calc(100vw - var(--crt-x) * 2);max-height:calc(100dvh - var(--crt-y) * 2);scrollbar-color:var(--crt-ink) var(--crt-dark)}body[data-neighborhood-display=crt] :is(.seoul-welcome,.avatar-customizer,.world-destinations)::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#10182085}body[data-neighborhood-display=crt] :is(.welcome-brand,.welcome-form h1,.avatar-customizer h2,.world-destinations h2,.welcome-intro,.welcome-count,#welcome-hint,.welcome-note,.welcome-street,.avatar-customizer p,.bus-routes span,.bus-trip-help,.avatar-options legend){color:var(--crt-ink);border-color:#fff9df50}body[data-neighborhood-display=crt] .welcome-input-row{background:0 0;border:1px solid #fff9df80;border-radius:0}body[data-neighborhood-display=crt] .welcome-input-row:focus-within{outline:2px solid var(--crt-ink)}body[data-neighborhood-display=crt] .welcome-preview{color:var(--crt-ink);-webkit-text-stroke:0;text-shadow:var(--crt-shadow)}body[data-neighborhood-display=crt] .avatar-customizer form{max-height:calc(100dvh - var(--crt-y) * 2 - 8px)}body[data-neighborhood-display=crt] .avatar-customizer :is(header,footer){background:0 0;border-color:#fff9df50}body[data-neighborhood-display=crt] .avatar-preview{background:#303b40}body[data-neighborhood-display=crt] .avatar-options .avatar-swatch{background:var(--swatch);border:3px solid var(--crt-dark);border-radius:0;outline:1px solid #fff9df80}body[data-neighborhood-display=crt] .avatar-options .avatar-swatch[aria-pressed=true]{outline:3px solid var(--crt-ink)}body[data-neighborhood-display=crt] .avatar-options .avatar-swatch:hover{background:var(--swatch);border-color:var(--crt-ink)}body[data-neighborhood-display=crt] .bus-routes button:hover span{color:var(--crt-dark)}body[data-neighborhood-display=crt] .scene-routes button[aria-current]{color:var(--crt-ink);opacity:.85;cursor:default;background:0 0;border-bottom:1px solid #fff9df50}body[data-neighborhood-display=crt] .bus-notice{max-width:calc(100vw - var(--crt-x) * 2);bottom:max(12dvh,85px)}body[data-neighborhood-display=crt][data-bus-game]{--ui-ink:var(--crt-ink);--ui-paper:var(--crt-dark);--ui-type:Seoul, monospace;--ui-game:Seoul, monospace;--ui-gold:var(--crt-ink);--ui-blue:var(--crt-ink)}body[data-neighborhood-display=crt] .mg-top{top:var(--crt-y);box-shadow:none;background:0 0;border:0}body[data-neighborhood-display=crt] .mg-exit{top:var(--crt-y);right:var(--crt-x)}body[data-neighborhood-display=crt] .mg-score{color:var(--crt-ink)}body[data-neighborhood-display=crt] .mg-help{bottom:4dvh}body[data-neighborhood-display=crt] .mg-help span{background:0 0;border-radius:0}body[data-neighborhood-display=crt] .mg-result strong{-webkit-text-stroke:0;text-shadow:var(--crt-shadow)}@media (width<=1100px){body[data-neighborhood-display=crt] #atlas-app>header{gap:2px}body[data-neighborhood-display=crt] #atlas-app>header button{padding:8px;font-size:13px}body[data-neighborhood-display=crt] #atlas-app h1{font-size:20px}body[data-neighborhood-display=crt] .view-controls button{padding:8px;font-size:14px}body[data-neighborhood-display=crt] #atlas-app>footer{max-width:40vw;font-size:10px;line-height:1.6}}@media (width<=700px){body[data-neighborhood-display=crt]{--crt-x:max(4vw, 14px, env(safe-area-inset-left), env(safe-area-inset-right));--crt-y:max(2.5dvh, 18px, env(safe-area-inset-top))}body[data-neighborhood-display=crt] #atlas-app>header{right:var(--crt-x);flex-wrap:wrap;gap:0 6px}body[data-neighborhood-display=crt] #atlas-app>header .title{flex-basis:auto;margin-right:auto;padding:0}body[data-neighborhood-display=crt] #atlas-app>header:after{content:"";order:0;width:100%}body[data-neighborhood-display=crt] #atlas-app>header :is(button,select){flex:1;order:1;min-width:0;padding:5px;font-size:13px}body[data-neighborhood-display=crt] .view-controls{top:calc(var(--crt-y) + 96px);gap:0}body[data-neighborhood-display=crt] .view-controls button{padding:8px;font-size:13px}body[data-neighborhood-display=crt] .appearance-controls{left:var(--crt-x);flex-direction:row;justify-content:space-between;gap:6px;max-width:none}body[data-neighborhood-display=crt] :is(.lighting-controls,.display-controls) button{min-width:48px;padding:6px 7px;font-size:12px}body[data-neighborhood-display=crt] #places{top:calc(var(--crt-y) + 154px);max-height:calc(100dvh - var(--crt-y) * 2 - 230px);width:calc(100vw - var(--crt-x) * 2);padding:16px}body[data-neighborhood-display=crt] #mini-map{height:140px}body[data-neighborhood-display=crt] #atlas-app>footer{display:none}body[data-neighborhood-display=crt] .seoul-welcome{padding:20px}body[data-neighborhood-display=crt] .welcome-brand{padding-right:40px}}@media (prefers-reduced-motion:reduce){body[data-neighborhood-display=crt] :is(button,select){transition:none}}
