@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans KR',Arial,sans-serif;color:#262927;background:#f1f3f0;font-synthesis:none;--orange:#f67721;--ink:#262927}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}#game{position:relative;width:100%;height:100svh;min-height:500px;overflow:hidden}#viewport{position:absolute;inset:0;touch-action:none;outline-offset:-4px}#viewport canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}#viewport.dragging canvas{cursor:grabbing}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.84),rgba(255,255,255,0) 37%),linear-gradient(0deg,rgba(26,37,36,.24),transparent 22%)}.intro{position:absolute;left:3%;top:4%;pointer-events:none;max-width:390px}.wordmark{font-size:13px;font-weight:700;letter-spacing:4px}.orange-line{display:block;background:var(--orange);height:3px;width:22px;margin:10px 0 14px}h1{font-size:clamp(28px,3.25vw,48px);line-height:1.3;letter-spacing:-2.4px;margin:0 0 5px;font-weight:800;white-space:nowrap}h2{font-size:clamp(21px,2.3vw,32px);font-weight:700;letter-spacing:-1.2px;margin:0 0 8px}.address{font-size:17px;margin:0 0 9px;color:#505653;letter-spacing:-.4px}.model-note{font-size:13px;color:#737b77;margin:0}.utilities{position:absolute;top:2.5%;right:2%;display:flex;gap:12px}.icon-button{display:grid;place-items:center;width:52px;height:52px;background:#fffffff2;color:#343b37;border-radius:9px;box-shadow:0 2px 15px #10251c09;transition:transform .18s,background .18s}.icon-button:hover{transform:translateY(-2px);background:#fff}.icon-button svg{width:26px;height:26px}.damage{position:absolute;left:3%;bottom:7%;color:white;text-shadow:0 1px 8px #182a2744;width:min(25%,290px)}.damage-label{font-size:13px;font-weight:500}.damage-number{display:flex;align-items:baseline;gap:2px;margin:0 0 12px;line-height:1.3}.damage-number strong{font-size:38px;letter-spacing:-1px;font-weight:700}.damage-number span{font-size:22px;font-weight:600}.track{height:6px;background:#ffffff99;border-radius:10px;overflow:hidden}.track>div{height:100%;width:0;min-width:7px;border-radius:10px;background:var(--orange);transition:width .22s}.tools-area{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.tools{display:flex;align-items:stretch;background:#fffffff5;border-radius:19px;padding:10px;box-shadow:0 8px 30px #1428211a;gap:9px}.tool{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:108px;height:74px;border-radius:12px;color:#555c58;background:transparent;font-size:13px;font-weight:600;transition:background .18s,transform .18s,color .18s}.tool:not(:last-child):after{content:'';width:1px;position:absolute;right:-5px;top:15px;bottom:15px;background:#e1e4e1}.tool.selected{color:#fff;background:var(--orange)}.tool:hover{transform:translateY(-2px)}.tool:not(.selected):hover{background:#eef0ed}.tool svg{width:30px;height:30px;stroke-width:1.5}.hint{font-size:12px;color:white;margin:12px 0 0;text-shadow:0 1px 8px #14282180}.mobile-hint{display:none}.attribution{position:absolute;right:1.5%;bottom:1.5%;display:flex;align-items:flex-end;flex-direction:column;gap:3px;font-size:9px;color:#fff;text-shadow:0 1px 4px #172a26a0}.attribution a{display:flex;align-items:center;gap:4px;text-decoration:none;color:inherit}.attribution svg{width:12px;height:12px;stroke-width:1.2}.attribution>span{font-size:9px;opacity:.8}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f3f5f1;z-index:5;color:#626d64;font-size:13px;transition:opacity .4s}#loading.done{opacity:0;pointer-events:none}.spinner{width:30px;height:30px;border:2px solid #e2e6df;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#error{position:absolute;inset:0;z-index:6;background:#f5f6f3;align-content:center;text-align:center;padding:30px}#error button{padding:12px 24px;border-radius:8px;background:var(--orange);color:white;font-size:15px}#error-detail{font-size:13px;color:#697468}#toast{position:absolute;top:35%;left:50%;transform:translate(-50%,10px);padding:11px 20px;background:#25352ee6;color:#fff;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}.complete{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);text-align:center;background:#ffffffed;padding:33px 44px;border-radius:14px;box-shadow:0 10px 50px #17302515;backdrop-filter:blur(14px)}.complete[hidden],#error[hidden]{display:none}.finish-line{display:block;height:3px;width:24px;background:var(--orange);margin:0 auto 16px}.complete h2{font-size:32px;letter-spacing:-1.4px;white-space:nowrap}.complete p{font-size:14px;color:#687169;margin:9px 0 23px}.complete button{background:var(--orange);color:#fff;padding:12px 20px;display:inline-flex;align-items:center;gap:28px;font-size:14px;border-radius:7px;font-weight:600}.complete button svg{width:18px;height:18px}
.damage{color:#354438;text-shadow:0 1px 8px #ffffff77}.track{background:#a3b09f66}.hint{color:#354438;text-shadow:0 1px 8px #ffffffaa}.attribution{color:#3e5146;text-shadow:0 1px 5px #ffffffaa}.map-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;font-size:11px;font-weight:500;letter-spacing:1px;color:#56685b;text-shadow:0 1px 4px #fff,0 0 8px #fff;white-space:nowrap}.tower-label{padding:6px 12px;background:#fffef9eb;box-shadow:0 3px 15px #263a3012;color:#df691f;font-size:12px;letter-spacing:0;border-radius:5px}.map-label[hidden],#loading[hidden]{display:none}
@media(min-width:1500px){.intro{top:4.5%}.tool{width:115px;height:78px}.tools-area{bottom:3.5%}}
@media(max-width:700px){.intro{left:6%;top:4%;max-width:90%}.wordmark{font-size:10px;letter-spacing:3px}.orange-line{margin:8px 0 12px;width:18px;height:2px}h1{font-size:30px;letter-spacing:-1.6px}h2{font-size:21px;letter-spacing:-.8px}.address{font-size:13px;margin:0 0 6px}.model-note{font-size:11px}.utilities{top:3.5%;right:4%;gap:6px;flex-direction:column}.icon-button{width:37px;height:37px;border-radius:7px}.icon-button svg{width:21px;height:21px}.tools-area{bottom:5%;width:auto}.tools{padding:7px;gap:6px;border-radius:15px}.tool{width:82px;height:65px;font-size:12px;border-radius:10px;gap:3px}.tool svg{width:28px;height:28px}.hint{font-size:11px;margin-top:10px}.desktop-hint{display:none}.mobile-hint{display:inline}.damage{left:6%;bottom:23%;width:110px}.damage-number strong{font-size:28px}.damage-number span{font-size:17px}.damage-number{margin:1px 0 7px}.damage-label{font-size:11px}.track{height:4px}.attribution{font-size:8px;right:4%;bottom:1.6%;color:#566459;text-shadow:none}.attribution>span{font-size:8px}.shade{background:linear-gradient(180deg,#ffffffcc,transparent 38%),linear-gradient(0deg,#263b2e30,transparent 35%)}.complete{top:48%;padding:25px 28px}.complete h2{font-size:27px}#toast{top:36%;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* The native map handles all orbit/touch input; only the demolition layer is transparent. */
#vworld-map{position:absolute;inset:0;background:#d5ddd9}
#viewport{z-index:0}.shade{z-index:1}.intro,.utilities,.damage,.tools-area,.attribution{z-index:2}#toast,.complete{z-index:3}
.naviBottomPannel3d,#naviBottomPannel3d{display:none!important}
#vworld-map canvas{position:absolute;inset:0}
#viewport .demolition-layer{position:absolute;inset:0;pointer-events:none}
.cesium-viewer,.cesium-viewer-cesiumWidgetContainer,.cesium-widget{position:absolute;inset:0;width:100%;height:100%}
.cesium-widget-credits{position:absolute!important;left:8px!important;bottom:5px!important;max-width:55%;font:10px Arial,sans-serif;color:#fff;text-shadow:0 1px 4px #000;z-index:2}
.cesium-widget-credits a{color:inherit}.cesium-widget-credits img{max-height:24px}
.cesium-viewer-toolbar,.cesium-viewer-animationContainer,.cesium-viewer-timelineContainer,.cesium-viewer-bottom,.cesium-viewer-fullscreenContainer,.cesium-viewer-vrContainer{display:none!important}
.shade{background:linear-gradient(90deg,#fffffff0,rgba(255,255,255,0) 33%),linear-gradient(0deg,#0b1e1f95,transparent 23%)}
.damage,.hint,.attribution{color:#fff;text-shadow:0 1px 5px #0d171c}.track{background:#ffffff77}
.attribution{bottom:8px;right:12px;max-width:45%;text-align:right}.attribution>span{opacity:1}
@media(max-width:700px){.shade{background:linear-gradient(180deg,#fffffff0,transparent 38%),linear-gradient(0deg,#0b1e1fbb,transparent 40%)}.attribution{font-size:7px;bottom:6px;right:8px}.attribution>span{font-size:7px}.cesium-widget-credits{max-width:45%;font-size:8px}.tools-area{bottom:8%}}
.tools-area{bottom:4.5%}.tools{gap:4px;padding:7px;border-radius:15px}.tool{width:82px;height:70px;font-size:12px;gap:5px}.tool:not(:last-child):after{right:-2px}.tool svg{width:27px;height:27px}.weapon-info{display:flex;justify-content:center;align-items:center;gap:9px;color:#fff;text-shadow:0 1px 6px #0d171c;margin-bottom:10px;font-size:12px}.weapon-info strong{font-size:14px;font-weight:700}.weapon-info span{opacity:.85}.damage{bottom:8%;width:min(20%,240px)}.nuclear-tool:not(.selected){color:#a95428}.hint{margin-top:9px}.complete{top:34%}#blast-flash{position:absolute;inset:0;z-index:1;pointer-events:none;background:#fff4d8;opacity:0}#blast-flash.fire{animation:blast-flash 1.3s ease-out}@keyframes blast-flash{0%{opacity:.75}18%{opacity:.4}100%{opacity:0}}
@media(max-width:900px) and (min-width:701px){.tool{width:66px}.damage{width:120px}.damage-number strong{font-size:30px}}
@media(max-width:700px){.tools-area{bottom:6%;width:calc(100% - 40px);max-width:370px}.tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:6px;border-radius:12px}.tool{width:100%;min-width:0;height:62px;font-size:10px;border-radius:8px;gap:5px}.tool svg{width:25px;height:25px}.tool:not(:last-child):after{right:-1px;top:17px;bottom:17px}.weapon-info{justify-content:flex-end;margin:0 2px 10px;gap:6px;font-size:10px}.weapon-info strong{font-size:12px}.damage{bottom:19%;left:6%;width:90px}.hint{font-size:10px;margin-top:9px}.complete{top:44%}.intro{top:3.5%}h1{font-size:28px}h2{font-size:20px}.model-note{font-size:10px}.utilities{top:3%;right:4%}}
@media(max-width:370px){.tool{font-size:9px}.tool svg{width:22px;height:22px}.tools-area{width:calc(100% - 24px)}.weapon-info span{font-size:9px}}