:root{font-family:'Segoe UI','Malgun Gothic',sans-serif;font-size:14px;color:#253344;color-scheme:light;--accent:#2862a0;--line:#d9dfe6;--muted:#627185;--bar:#222b35;--panel:#f8f9fb}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden;background:#b7cbd8}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:34px;color:#344255;background:#fff;border:1px solid #cbd3dd;border-radius:4px;padding:7px 12px;transition:background .12s}button:hover{background:#e9eef5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #307ec7;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button.active{background:#e4edf8;color:#174d85;border-color:#6d92b7}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#184e86}input,select{min-height:34px;border:1px solid #bac6d3;border-radius:4px;color:#293a4e;background:#fff;padding:6px 8px}input[type=range]{height:26px;min-height:26px;padding:0;border:0;accent-color:var(--accent);cursor:pointer;background:none}input[type=checkbox]{width:17px;height:17px;min-height:0;padding:0;accent-color:var(--accent)}a{color:#1d5f9c;text-decoration:none}a:hover{text-decoration:underline}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}#scene canvas:focus{outline:none}
header{position:fixed;z-index:20;inset:0 0 auto;height:56px;padding:0 18px;display:flex;align-items:center;gap:26px;background:var(--bar);border-bottom:1px solid #17212b;color:#f0f4f8}.brand{display:flex;align-items:center;color:#fff;gap:10px}.brand>b{display:none}.brand>strong{font-size:20px;letter-spacing:.4px;display:flex;align-items:center;gap:16px}.brand span{font-size:13px;font-weight:400;color:#acbac8;letter-spacing:0}.head-location{display:none}.mode-switch{display:flex;gap:2px;padding:3px;background:#151e28;border:1px solid #424d5a;border-radius:5px}.mode-switch button{font-size:13px;color:#b9c5d1;background:transparent;border:0;min-height:32px;padding:6px 13px}.mode-switch button.active{color:#fff;background:#49647e;box-shadow:0 1px 3px #0004}.head-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.head-actions button{font-size:13px;background:#303c49;border:1px solid #4b5a6a;color:#eef3f8}.head-actions button:hover{background:#435369}#fullscreen{width:36px;padding:4px;font-size:19px}
.tools{position:fixed;z-index:12;left:0;top:56px;bottom:0;width:64px;background:#2d3845;border-right:1px solid #1e2a37;display:flex;flex-direction:column;gap:6px;padding:12px 5px}.tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:54px;min-height:62px;border:1px solid transparent;padding:9px 2px;background:transparent;color:#c1ccd8}.tools button:hover{background:#3e4d5f}.tools button.active{background:#475e76;border-color:#59738c;color:#fff}.tools small{font-size:12px}#help{margin-top:auto}.glass{background:var(--panel);border:1px solid var(--line);border-radius:5px;box-shadow:0 4px 18px #1a30451a}#panel{position:fixed;z-index:11;left:64px;top:56px;bottom:145px;width:302px;border-radius:0;border-left:0;overflow:auto;box-shadow:3px 0 12px #15304912}.panel-head{position:sticky;top:0;z-index:3;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;padding:22px 20px 8px}.eyebrow{font-size:12px;color:#748196}.panel-head h1{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:7px 0}.panel-head>button{border:0;background:transparent;font-size:23px;line-height:1;min-height:30px;padding:2px 4px;color:#607288}.panel-view{padding:0 20px 22px}.hint{font-size:13px;line-height:1.7;color:var(--muted);margin:10px 0 18px}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #bac6d3;border-radius:4px;padding:0 10px}.search>span{font-size:22px;color:#61748a}.search input{min-width:0;width:100%;border:0;background:none;padding:10px 0;font-size:14px;outline:none}.places{display:grid;gap:7px;margin:18px 0}.place{display:flex;align-items:center;text-align:left;gap:10px;padding:12px;background:#fff}.place>span,.place>b{display:none}.place div{flex:1}.place strong{font-weight:600;font-size:14px;display:block}.place small{display:block;font-size:12px;color:#69798d;margin-top:5px}.place.active{border-color:#698fb5;background:#e8f0f9}.model-count{display:flex;border-top:1px solid var(--line);gap:28px;padding:18px 0 6px}.model-count>div{flex:1}.model-count strong{font:25px 'Consolas',monospace;color:#283e56;display:block}.model-count span{font-size:12px;color:#65768a;margin-top:6px;display:block}.source-note{font-size:12px;line-height:1.7;color:#69798c;margin:14px 0 0}.source-note i,.sim-badge i,.connection i{display:none}#search-results{display:grid;background:#fff;border:1px solid var(--line);border-radius:4px;margin-top:5px;max-height:260px;overflow:auto}#search-results button{border:0;border-bottom:1px solid #edf0f4;border-radius:0;text-align:left;font-size:13px;padding:11px}#search-results p{padding:0 12px;font-size:13px}
.scene-heading{position:fixed;top:75px;left:386px;right:24px;pointer-events:none;display:flex;align-items:baseline;gap:14px;color:#263d54;text-shadow:0 1px 3px #fff9}.scene-heading>span{font-size:12px;letter-spacing:0}.scene-heading h2{margin:0;font-weight:600;font-size:17px}.scene-heading p{display:none}body:has(#panel[hidden]) .scene-heading{left:88px}.view-tools{position:fixed;top:112px;left:386px;right:auto;display:flex;gap:4px;z-index:7;flex-wrap:wrap;padding:4px;background:#f6f8fbe8;border:1px solid #b6c3d0;border-radius:5px;box-shadow:0 2px 8px #142a4314}.view-tools button{min-height:32px;font-size:13px;border:0;padding:7px 12px;background:transparent;white-space:nowrap}.view-tools button.active{color:#fff;background:#3d6286}body:has(#panel[hidden]) .view-tools{left:88px}.compass{position:fixed;right:22px;top:45%;display:flex;flex-direction:column;gap:4px;z-index:7}.compass button{min-height:38px;width:38px;padding:3px;font-size:21px;background:#f8fafbea;box-shadow:0 2px 5px #0001}.compass button:first-child{font-size:13px;margin-bottom:8px}
#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.landmark-label{position:absolute;font-size:12px;background:#f9fbf4e8;color:#344b5d;border:1px solid #899eae;border-radius:3px;padding:5px 8px;white-space:nowrap;transform:translate(-50%,-100%)}.landmark-label:after{content:'';position:absolute;left:50%;top:100%;height:10px;width:1px;background:#607a90}.asset-attribution{display:none}.scene-foot{position:fixed;bottom:155px;left:385px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#344f61;font:12px 'Consolas','Malgun Gothic',monospace;text-shadow:0 1px 3px #fff;pointer-events:none}.scene-foot span:last-child{font-size:12px}body:has(#panel[hidden]) .scene-foot{left:86px}#navigation-hint{position:fixed;bottom:199px;left:386px;right:74px;z-index:8;display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:10px 14px;background:#253344ee;color:#eaf0f7;border:1px solid #617287;border-radius:5px;font-size:13px;box-shadow:0 2px 8px #0002}body:has(#panel[hidden]) #navigation-hint{left:88px}#navigation-hint strong{font:600 14px 'Consolas',monospace;letter-spacing:2px}#navigation-hint strong span{font:13px 'Malgun Gothic',sans-serif;letter-spacing:0;color:#c3cfde}#navigation-hint select{min-height:28px;font-size:12px;padding:3px 6px;background:#36485c;border:1px solid #728396;color:#fff}#navigation-hint button{font-size:12px;min-height:28px;background:#36485c;border:1px solid #718396;color:#fff;padding:4px 7px}#navigation-hint label{display:flex;align-items:center;gap:7px}#navigation-look{flex:1;font-size:12px;color:#c4d1e1}
.transport{position:fixed;z-index:13;left:64px;right:0;bottom:0;min-height:145px;border-radius:0;border-left:0;border-right:0;border-bottom:0;background:#f5f7fa;display:flex;flex-wrap:wrap;align-items:center;gap:8px 11px;padding:14px 22px}.transport>button{min-width:32px;padding:5px;font-size:18px}#play{width:38px;background:#2f608f;border-color:#2f608f;color:#fff}#restart,#step-back,#step-forward{background:#fff;color:#526980}.time{min-width:112px;margin:0 7px}.time small{font-size:12px;display:block;color:#67798c;margin-bottom:4px}.time strong{font:24px 'Consolas',monospace;color:#243f5b;display:block;font-variant-numeric:tabular-nums}.track{order:10;flex:0 0 100%;min-width:0;align-self:end}.track input{display:block;width:100%;margin:0}#ticks{display:flex;justify-content:space-between;color:#6d7f91;font:12px 'Consolas',monospace;padding:1px 2px}#clock-controls{display:flex;align-items:end;gap:8px;margin-left:auto}#clock-controls label{font-size:12px;color:#67798c;display:grid;gap:4px}#clock-controls input{font-size:13px;min-height:31px;padding:3px 5px;width:128px}#clock-controls #scenario-time{width:104px}#clock-now{font-size:12px;min-height:31px;padding:5px 9px}.transport #speed{font:14px 'Consolas',monospace;min-width:46px;margin-left:8px}.transport-divider{width:1px;align-self:stretch;background:var(--line);margin:5px 2px}.stat{min-width:88px}.stat small{display:block;color:#718296;font-size:12px}.stat strong{display:block;font:20px 'Consolas',monospace;color:#2a425b;margin-top:5px}.stat em{font:12px 'Segoe UI',sans-serif;color:#60798e}.sim-badge{padding:6px 8px;border:1px solid #c0cddd;border-radius:3px;font-size:12px;color:#506a82;white-space:nowrap}
.field{font-size:14px;display:grid;gap:8px;margin:16px 0}.field select{width:100%;font-size:13px}.slider-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;margin:22px 0;color:#445c73}.slider-label strong{font:14px 'Consolas',monospace;color:#2d5981}.slider-label input{width:100%}.check,.layer{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:14px;line-height:1.5;margin:14px 0;color:#3f556b}.check{justify-content:flex-start}.check input{margin:0;flex-shrink:0}.layer{padding:10px 0;border-bottom:1px solid #e2e7ed;margin:0}.full{width:100%;margin:6px 0;font-size:14px;min-height:38px}#presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0}#presets button{font-size:13px;padding:8px 5px}.comparison{padding:12px;line-height:1.9;background:#e9f0f7;border:1px solid #cbd9e7;border-radius:4px;font-size:13px;margin-top:13px}.separator{height:1px;background:var(--line);margin:22px 0}.upload{display:grid;grid-template-columns:26px 1fr;gap:5px 9px;width:100%;padding:13px;text-align:left;margin:12px 0}.upload>b{grid-row:1/3;font-size:22px;align-self:center;color:#5d7892}.upload strong{font-weight:600;font-size:14px}.upload small{font-size:12px;word-break:break-word;color:#6c8196}.text-button{padding:0;border:0;background:none;color:#235d91;font-size:13px}.connection{display:flex;gap:8px;justify-content:space-between;font-size:12px}.connection strong{color:#8d6740;font-weight:500}#lab-live{display:grid;gap:7px;background:#e8eff7;border:1px solid #c6d5e5;padding:12px;border-radius:4px;color:#4b657e;margin:16px 0;font-size:13px}#lab-live strong{font:16px 'Consolas','Malgun Gothic',monospace;color:#264a70}#lab-results table{width:100%;border-collapse:collapse;font-size:12px}#lab-results th,#lab-results td{padding:10px 3px;border-bottom:1px solid #dbe3eb;text-align:right}#lab-results th:first-child,#lab-results td:first-child{text-align:left}#lab-results th{color:#657f94;font-weight:500}#lab-results>small{display:block;color:#718396;font-size:12px;margin-top:10px}
#inspector{position:fixed;z-index:9;right:21px;top:174px;width:278px;padding:20px;color:#3f566e;max-height:calc(100vh - 350px);overflow:auto}#inspector>.close{position:absolute;right:8px;top:7px;border:0;font-size:22px;min-height:24px;background:transparent;padding:0 5px}#inspector h3{font-size:17px;margin:12px 0 18px}#inspector .row{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin:11px 0;color:#708399}#inspector .row strong{font-size:12px;font-weight:500;color:#2d506f;text-align:right}#inspector label{display:grid;gap:7px;font-size:13px;margin:18px 0 8px}#inspector input{width:100%}
#loading{position:fixed;z-index:50;inset:56px 0 0;background:#eef2f6f5;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3d526b}.loading-mark{font-size:40px;font-weight:800;color:#345e85;margin-bottom:12px}#loading h2{font-size:21px;font-weight:500;margin:20px 0 10px}#loading p{font-size:14px;color:#738397}.progress{width:270px;height:4px;background:#cbd7e3;border-radius:3px;margin:24px 0;overflow:hidden}.progress i{display:block;background:#477dad;height:100%;width:0;transition:width .15s}dialog{width:min(670px,calc(100vw - 32px));max-height:85vh;background:#f8fafc;color:#3a4e65;border:1px solid #aabbcd;border-radius:7px;padding:0;box-shadow:0 22px 100px #0a213747}dialog::backdrop{background:#11233688}.dialog-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-bottom:1px solid var(--line);padding:16px 22px;z-index:1}.dialog-head h2{font-size:20px;margin:0}.dialog-head button{border:0;background:none;font-size:25px;padding:0 5px}#dialog-body{padding:6px 24px 26px;font-size:14px;line-height:1.8}#dialog-body h3{font-size:16px;color:#314f70;margin-top:24px}#dialog-body table{width:100%;border-collapse:collapse;font-size:13px}#dialog-body td,#dialog-body th{padding:10px 8px;border-bottom:1px solid #d9e1e9;text-align:left}#dialog-body code{font-size:13px}.download-ready{display:block;padding:11px;background:#e3edf7;color:#265d8e;border:1px solid #aebfd1;border-radius:4px;margin:14px 0}body>.download-ready{position:fixed;right:25px;bottom:199px;z-index:30}.export-preview{width:100%;max-height:360px;object-fit:contain;border:1px solid #d1dce6}#toast{position:fixed;z-index:100;bottom:174px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#273b50;color:#fff;border:1px solid #8095ac;border-radius:5px;padding:12px 18px;max-width:calc(100vw - 50px);font-size:14px;transition:.18s;box-shadow:0 4px 18px #15314733}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1250px){.brand span{display:none}.transport .stat,.transport-divider{display:none}.scene-foot span:nth-child(2){display:none}.sim-badge{margin-left:0}.view-tools{right:74px}.view-tools button{padding:7px 9px}#navigation-look{flex-basis:100%}}
@media(max-width:960px){header{gap:12px;padding:0 12px}.head-actions{gap:5px}.head-actions button{font-size:12px;padding:6px 9px}#sources{font-size:0}#sources:after{content:'출처';font-size:12px}.mode-switch button{font-size:12px;padding:6px 9px}#panel{width:280px}.scene-heading,.view-tools{left:364px}.scene-heading>span{display:none}#navigation-hint{left:364px;right:20px;font-size:12px;bottom:207px;gap:8px}.scene-foot{left:86px;bottom:153px}#coordinates{display:none}.sim-badge{display:none}.transport{padding:13px 16px;gap:7px}.time{min-width:96px;margin:0 3px}.time strong{font-size:21px}.time small{font-size:12px}#clock-controls{gap:5px}#clock-controls input{width:120px}#clock-controls #scenario-time{width:95px}.view-tools{right:65px;top:108px}.view-tools button{font-size:12px}.scene-heading h2{font-size:16px}}
@media(max-width:700px){header{height:52px;gap:8px}.brand>strong{font-size:18px}.mode-switch{padding:2px}.mode-switch button{min-height:30px;font-size:12px;padding:4px 6px}#fullscreen{display:none}.head-actions button{padding:5px 7px}.head-actions #export{font-size:0}.head-actions #export:after{content:'저장';font-size:12px}.tools{top:52px;width:56px;padding:10px 3px}.tools button{width:50px;min-height:57px}.tools small{font-size:12px}#panel{top:52px;left:56px;width:min(294px,calc(100vw - 70px));bottom:185px;box-shadow:6px 0 20px #1531493a}.scene-heading,body:has(#panel[hidden]) .scene-heading{left:74px;top:70px;right:12px}.view-tools,body:has(#panel[hidden]) .view-tools{left:74px;top:101px;right:12px;gap:2px}.view-tools button{padding:6px 8px;font-size:12px}.scene-heading h2{font-size:15px}body:has(#panel:not([hidden])) .scene-heading,body:has(#panel:not([hidden])) .view-tools{visibility:hidden}.transport{left:56px;min-height:185px;padding:10px 12px;gap:5px}.time{min-width:96px}.time strong{font-size:20px}.transport #speed{margin-left:auto}#clock-controls{order:8;flex:0 0 100%;justify-content:space-between;margin-top:4px}#clock-controls input{width:120px}#clock-controls label{display:flex;align-items:center;gap:6px}#clock-controls #scenario-time{width:90px}.track{padding-top:5px}#ticks{font-size:12px}.scene-foot{bottom:192px;left:72px;font-size:12px}.scene-foot span:last-child{font-size:12px}#navigation-hint,body:has(#panel[hidden]) #navigation-hint{left:74px;right:12px;bottom:219px;gap:8px}body:has(#panel:not([hidden])) #navigation-hint{display:none}#navigation-look{display:none}#lock-pointer{display:none}.compass{right:12px;top:39%}#inspector{left:72px;right:12px;width:auto;top:163px;max-height:calc(100vh - 385px)}#toast{bottom:213px;left:calc(50% + 28px);max-width:calc(100vw - 90px);font-size:13px}#loading{top:52px}#loading h2{font-size:17px}#loading p{font-size:13px}dialog .dialog-head h2{font-size:18px}.sim-badge{display:none}}

#traffic-observation{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.observation-title{display:flex;justify-content:space-between;align-items:center;font-size:14px}.observation-title>span{color:#677b8b;font-size:12px}#observed-value{display:grid;gap:5px;margin:14px 0}#observed-value>strong{font:25px Consolas,monospace;color:#284968}#observed-value small{font:12px "Malgun Gothic",sans-serif;margin-left:7px}#observed-value>span{font-size:12px;color:#667b8b}#hourly-chart{height:65px;display:grid;grid-template-columns:repeat(24,1fr);gap:2px}#hourly-chart button{border:0;border-radius:0;padding:0;height:65px;display:flex;align-items:flex-end;background:#edf1f5;min-width:0}#hourly-chart i{width:100%;display:block;background:#9aaebe}#hourly-chart button.active i{background:#2c698d}#hourly-chart button:hover i{background:#497e9a}.chart-labels{display:flex;justify-content:space-between;font:11px Consolas,monospace;margin:6px 0 10px;color:#6b7c87}#observed-flow b{font-weight:500;color:#385773}details summary{font-size:12px;color:#47657c;cursor:pointer;line-height:1.7}

.evidence-note{border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:12px;line-height:1.6}.evidence-note p{margin:6px 0;color:#536779}.evidence-note ul{padding-left:16px}.evidence-note a{color:#1d5f9c}.evidence-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.evidence-counts div{padding:15px;background:#edf2f7;border:1px solid var(--line)}.evidence-counts strong{display:block;font-size:25px}.evidence-counts span{font-size:12px;color:#586d82}#inspector{max-height:calc(100vh - 350px);overflow-y:auto}
.review-controls{display:grid;grid-template-columns:1fr 190px;gap:14px;margin:18px 0}.review-controls label{font-size:14px;color:#465767}.review-controls input,.review-controls select{width:100%;margin-top:7px}.review-table{table-layout:fixed;width:100%}.review-table th:first-child{width:42%}.review-table th:nth-child(2){width:24%}.review-table th:nth-child(3){width:24%}.review-table th:last-child{width:10%}.review-table td{overflow-wrap:anywhere;font-size:14px;vertical-align:top}.review-table small{display:block;color:#667786;margin-top:4px;font-size:12px}.review-paging{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 0}.review-paging span{font-size:14px;color:#536779}@media(max-width:620px){.review-controls{grid-template-columns:1fr}.review-table th:first-child{width:35%}.review-table th:nth-child(2){width:24%}.review-table th:nth-child(3){width:26%}.review-table th:last-child{width:15%}}
@media(max-width:700px){
 header{height:92px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:38px 40px;gap:4px 8px;padding:5px 8px}
 header .brand{grid-column:1;grid-row:1;min-width:0}
 header .head-actions{grid-column:2;grid-row:1;justify-content:flex-end;min-width:0;margin-left:0}
 header .mode-switch{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;min-width:0;padding:2px;width:100%}
 header .mode-switch button{font-size:12px;line-height:1.25;min-width:0;min-height:34px;padding:5px 4px;white-space:normal}
 .tools{top:92px}
 #panel{top:92px}
 .scene-heading,body:has(#panel[hidden]) .scene-heading{top:109px}
 .view-tools,body:has(#panel[hidden]) .view-tools{top:140px}
 #loading{top:92px}
 #inspector{top:202px;max-height:calc(100vh - 424px)}
}
@media(prefers-reduced-motion:reduce){button,#toast,.progress i{transition:none}}
.park-shortcut{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px}.park-shortcut button:first-child{text-align:left}.park-shortcut button:last-child{color:#245e45;background:#edf4ec}
body.navigation-active .transport{min-height:54px;padding:6px 16px;flex-wrap:nowrap}body.navigation-active .transport .track,body.navigation-active #clock-controls,body.navigation-active .transport .stat,body.navigation-active .transport-divider,body.navigation-active .sim-badge,body.navigation-active .scene-foot{display:none}body.navigation-active .time strong{font-size:18px}body.navigation-active .time small{display:none}body.navigation-active #navigation-hint{bottom:68px}
#touch-navigation{display:none;position:fixed;z-index:9;left:80px;right:18px;bottom:110px;pointer-events:none;justify-content:space-between;align-items:end}#touch-navigation button{pointer-events:auto;touch-action:none;user-select:none;width:44px;height:44px;padding:0;background:#243949db;color:#fff;border:1px solid #95a8b9;box-shadow:0 2px 8px #0002;font-size:17px}#touch-navigation button.pressed{background:#547c9a;color:#fff}.touch-pad{display:grid;grid-template:repeat(3,44px)/repeat(3,44px);gap:3px}.touch-pad button[data-move=forward]{grid-area:1/2}.touch-pad button[data-move=left]{grid-area:2/1}.touch-pad button[data-move=right]{grid-area:2/3}.touch-pad button[data-move=back]{grid-area:3/2}.touch-pad span{grid-area:2/2;align-self:center;text-align:center;color:#fff;text-shadow:0 1px 3px #000;font-size:12px}.touch-height{display:grid;gap:8px}.touch-look-hint{position:absolute;bottom:-23px;left:0;color:#fff;background:#243949db;padding:3px 8px;font-size:12px;border-radius:3px;white-space:nowrap}
@media(pointer:coarse){#touch-navigation{display:flex}body.navigation-active #navigation-hint>strong,body.navigation-active #navigation-hint>span,body.navigation-active #navigation-hint>label,body.navigation-active #lock-pointer{display:none}body.navigation-active #navigation-hint{background:none;border:0;box-shadow:none;padding:0;justify-content:flex-end}body.navigation-active #navigation-hint #exit-navigation{min-height:36px;font-size:14px}body:has(#panel:not([hidden])) #touch-navigation,body:has(dialog[open]) #touch-navigation{display:none}}
@media(max-height:520px) and (pointer:coarse){#touch-navigation{bottom:90px}.touch-pad{grid-template:repeat(3,36px)/repeat(3,44px)}#touch-navigation button{height:36px}.touch-look-hint{display:none}}

.park-shortcuts{display:grid;gap:7px;margin:0 0 20px}
.park-shortcut{grid-template-columns:minmax(0,1fr) 64px;gap:7px}
.park-shortcut button{font-size:14px;min-height:40px;padding:8px 12px}
#walking-explore{position:fixed;z-index:15;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));min-height:42px;padding:8px 16px;background:#20362dea;color:#fff;border:1px solid #ffffff50;font-size:14px;box-shadow:0 3px 12px #0002}
body.walking-active header,body.walking-active .tools,body.walking-active #panel,body.walking-active .view-tools,body.walking-active .compass,body.walking-active .transport,body.walking-active #inspector{display:none}
body.walking-active .scene-heading,body.walking-active:has(#panel[hidden]) .scene-heading,body.walking-active:has(#panel:not([hidden])) .scene-heading{visibility:visible;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:auto;max-width:calc(100vw - 150px);display:block;padding:10px 16px;background:#20362dea;border:1px solid #ffffff35;border-radius:5px;color:#fff;text-shadow:none}
body.walking-active .scene-heading>span{display:none}
body.walking-active .scene-heading h2{font-size:16px;line-height:1.3}
body.walking-active .scene-heading h2:after{content:' · 걷기';font-size:14px;color:#cfe1d0;font-weight:400}
body.walking-active #navigation-hint,body.walking-active:has(#panel[hidden]) #navigation-hint,body.walking-active:has(#panel:not([hidden])) #navigation-hint{display:flex;left:50%;right:auto;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 36px);gap:10px 16px;padding:10px 14px;background:#20362dea;border:1px solid #ffffff35;color:#fff;font-size:14px}
body.walking-active #navigation-hint>label{display:none}
body.walking-active #navigation-hint strong,body.walking-active #navigation-hint strong span,body.walking-active #navigation-look,body.walking-active #navigation-hint button{font-size:14px}
body.walking-active #navigation-look{flex:initial;display:block;color:#d6e3d9}
body.walking-active #navigation-hint button{min-height:34px;padding:6px 9px;background:#ffffff12;border-color:#ffffff50}
body.walking-active #toast{bottom:90px;left:50%;max-width:calc(100vw - 36px)}
body.walking-active #touch-navigation{left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom))}
@media(max-width:700px){
 body.walking-active #navigation-hint{gap:7px 12px;justify-content:center}
 body.walking-active #navigation-look{flex-basis:100%;text-align:center}
 body.walking-active #toast{bottom:155px}
}
@media(pointer:coarse){
 body.walking-active #navigation-hint,body.walking-active:has(#panel[hidden]) #navigation-hint,body.walking-active:has(#panel:not([hidden])) #navigation-hint{left:auto;right:max(18px,env(safe-area-inset-right));top:max(76px,calc(env(safe-area-inset-top) + 58px));bottom:auto;width:auto;transform:none;background:none;border:0;box-shadow:none;padding:0}
 body.walking-active #navigation-hint>strong,body.walking-active #navigation-hint>span,body.walking-active #navigation-look,body.walking-active #lock-pointer{display:none}
 body.walking-active #navigation-hint #exit-navigation{background:#20362dea;min-height:40px}
 body.walking-active:has(#panel:not([hidden])) #touch-navigation{display:flex}
 body.walking-active:has(dialog[open]) #touch-navigation{display:none}
}
#regional-traffic{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}#regional-observed-value{margin:14px 0;font-size:12px;color:#667b8b}#regional-observed-value strong{font:23px Consolas,monospace;color:#284968}.regional-hourly-chart{height:65px;display:grid;grid-template-columns:repeat(24,1fr);gap:2px}.regional-hourly-chart button{border:0;border-radius:0;padding:0;height:65px;display:flex;align-items:flex-end;background:#edf1f5;min-width:0}.regional-hourly-chart i{width:100%;display:block;background:#9aaebe}.regional-hourly-chart button.active i{background:#2c698d}.regional-hourly-chart button:hover i{background:#497e9a}