:root{--ink:#1d1e21;--paper:#f7f6f2;--accent:#2f55c9;--muted:#8b8a84;--glass:#18191c9e;font-family:Pretendard,Noto Sans KR,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--paper);background:#111;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}.fd{position:fixed;inset:0}.fd-stage{position:absolute;inset:0}.fd-canvas{width:100%;height:100%;display:block}.fd-start{z-index:10;place-items:center;display:grid;position:absolute;inset:0}.fd-start-bg{filter:saturate(.9);background:url(../firstday/raon-building.png) 50%/cover no-repeat;position:absolute;inset:0}.fd-start-bg:after{content:"";background:linear-gradient(90deg,#080c18db 0%,#080c188c 55%,#080c1833 100%);position:absolute;inset:0}.fd-start-body{width:min(1100px,100% - 32px);position:relative}.fd-start-logo{opacity:.95;width:150px;margin-bottom:28px}.fd-start h1{letter-spacing:.04em;margin:0;font-size:clamp(40px,7vw,84px);font-weight:700}.fd-start .lead{color:#e9ebf2;margin:14px 0 34px;font-size:clamp(17px,2.2vw,24px)}.fd-start-actions{flex-wrap:wrap;gap:12px;display:flex}.fd-start-actions button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff80;border-radius:4px;padding:15px 26px;font-size:16px}.fd-start-actions button.primary{color:#172042;background:#fff;border-color:#fff;font-weight:600}.fd-start-actions button:hover{filter:brightness(1.08)}.fd-start .fine{color:#b9bdc9;margin:26px 0 0;font-size:13px}.fd-start .fine.keys{margin-top:6px}.fd-start-credit{color:#ffffff8c;margin:0;font-size:11px;position:absolute;bottom:10px;right:16px}.fd-loading{color:var(--ink);z-index:9;background:#ebe9e4;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.spinner{border:3px solid #cfcdc6;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fd-hud{pointer-events:none;z-index:5;position:absolute;inset:0}.fd-where{text-shadow:0 1px 3px #0000008c;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;top:16px;left:18px}.fd-where .floor{background:var(--glass);letter-spacing:.04em;text-shadow:none;border-radius:3px;padding:3px 8px;font-weight:700}.fd-cross{background:#ffffffd9;border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}.fd-prompt{background:var(--glass);white-space:nowrap;border-radius:3px;padding:5px 11px;font-size:13px;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%)}.fd-guide{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;width:min(360px,100% - 36px);padding:12px 14px;font-size:13px;line-height:1.5;animation:.4s rise;position:absolute;bottom:18px;left:18px}.fd-guide .step{float:right;color:#c3c6cf;font-size:11px}.fd-guide strong{margin-bottom:3px;font-size:14px;display:block}.fd-guide p{color:#eceef2;margin:0}.fd-guide .sub{color:#aeb3bf;margin-top:6px;font-size:11px;display:block}.fd-guide.done{border-left:3px solid #7fb07a}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.fd-hints{color:#f0f1f3;background:var(--glass);white-space:nowrap;border-radius:3px;padding:5px 12px;font-size:12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.fd-toast{z-index:30;text-align:center;background:#141518d1;border-radius:4px;max-width:calc(100% - 32px);padding:8px 14px;font-size:13px;animation:.25s rise;position:absolute;top:58px;left:50%;transform:translate(-50%)}.fd-map-wrap{background:#f7f6f2e0;border-radius:4px;padding:6px;position:absolute;top:14px;right:16px;box-shadow:0 2px 10px #00000040}.fd-map{width:230px;height:auto;max-height:220px;display:block}.fd-map.big{width:100%;max-height:300px}.fd-map-cap{color:#6e6c66;text-align:right;margin-top:2px;font-size:10px;display:block}.fd-map .zone{fill:#ecebe6;stroke:none}.fd-map .wall{fill:#3c3d40}.fd-map .glass{fill:#7fb2d6}.fd-map .low{fill:#c9c6bd}.fd-map .arc{fill:none;stroke:#3c3d40;stroke-width:.14px}.fd-map .door{fill:#f7f6f2;stroke:#8f8d86;stroke-width:.04px}.fd-map .door.static{fill:#bfbcb4}.fd-map .door.elevator{fill:#9aa0a6}.fd-map .label{fill:#55534d;text-anchor:middle;dominant-baseline:middle;font-size:.7px}.fd-map .me{fill:var(--accent);stroke:#fff;stroke-width:.12px}.fd-map .me-dir{stroke:var(--accent);stroke-width:.16px}.fd-map .view{fill:#2f55c938}.fd-map .pin{fill:#e0562e;stroke:#fff;stroke-width:.08px}.fd-map .target{fill:none;stroke:#2f9b5a;stroke-width:.16px;stroke-dasharray:.3 .2}.fd-ev{pointer-events:auto;color:#222;background:linear-gradient(#c9cbcb,#a9abab);border-radius:6px;width:132px;padding:12px;position:absolute;top:50%;right:22px;transform:translateY(-50%);box-shadow:0 4px 18px #00000059}.fd-ev-display{color:#ffb347;text-align:center;font-variant-numeric:tabular-nums;background:#0d0e10;border-radius:3px;margin-bottom:10px;padding:4px 0;font-size:30px;font-weight:700}.fd-ev-display span{margin-right:6px;font-size:18px}.fd-ev-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fd-ev-buttons button{aspect-ratio:1;color:#333;background:radial-gradient(#f0f0ee,#d4d5d3);border:2px solid #8a8c8c;border-radius:50%;place-content:center;font-size:16px;font-weight:700;line-height:1;display:grid;position:relative}.fd-ev-buttons button small{color:#8a8a86;margin-top:2px;font-size:8px;font-weight:400}.fd-ev-buttons button.todo{color:#9a9a96;border-style:dashed}.fd-ev-buttons button.here{box-shadow:0 0 0 3px #ffb347bf}.fd-ev-buttons button:disabled{opacity:.55;cursor:default}.fd-ev-hint{color:#444;margin:8px 0 0;font-size:10px;line-height:1.35}.fd-ev-open{background:#e6e7e5;border:1px solid #8a8c8c;border-radius:3px;width:100%;margin-top:10px;padding:6px;font-size:12px}.fd-menu-back{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0d1073;place-items:center;display:grid;position:absolute;inset:0}.fd-menu,.fd-note{background:var(--paper);width:min(520px,100% - 32px);max-height:calc(100% - 32px);color:var(--ink);border-radius:6px;padding:18px;overflow:auto;box-shadow:0 10px 40px #00000059}.fd-menu header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.fd-menu header span{color:var(--muted);font-size:13px}.fd-menu nav{border-bottom:1px solid #dddbd4;gap:4px;margin-bottom:14px;display:flex}.fd-menu nav button{color:#6b6a64;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 10px}.fd-menu nav button.on{color:var(--ink);border-bottom-color:var(--accent)}.fd-menu-main{gap:8px;display:grid}.fd-menu button,.fd-note button{color:var(--ink);text-align:left;background:#fff;border:1px solid #cfcdc6;border-radius:4px;padding:10px 14px}.fd-menu button.primary,.fd-note button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.fd-menu nav button{background:0 0;border:0}.fd-menu-map{background:#fff;border:1px solid #e3e1da;border-radius:4px;margin-top:6px;padding:6px}.fd-settings{gap:12px;font-size:14px;display:grid}.fd-settings label{gap:4px;display:grid}.fd-settings label.row{align-items:center;gap:8px;display:flex}.fd-settings output{float:right;color:var(--muted);font-size:12px}.fd-settings select{font:inherit;padding:6px}.fine{color:var(--muted);margin:0;font-size:12px}.warn{color:#5d4b14;background:#fff6dc;border:1px solid #ecd796;border-radius:4px;margin:0 0 10px;padding:8px 10px;font-size:12px}.fd-notes ul{gap:8px;margin:0 0 10px;padding:0;list-style:none;display:grid}.fd-notes li{background:#fff;border:1px solid #e3e1da;border-radius:4px;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;display:grid}.fd-notes .meta{color:var(--muted);font-size:11px}.fd-notes .text{grid-column:1;font-size:14px}.fd-notes li button{grid-area:1/2/span 2;align-self:center;padding:4px 8px;font-size:12px}.fd-help p{margin:0 0 8px;font-size:13px;line-height:1.6}.fd-note{gap:8px;display:grid}.fd-note .meta{color:var(--muted);font-size:12px}.fd-note textarea{min-height:110px;font:inherit;resize:vertical;border:1px solid #cfcdc6;border-radius:4px;padding:10px}.fd-note .row{justify-content:flex-end;gap:8px;display:flex}@media (width<=720px){.fd-map{width:150px}.fd-hints{display:none}.fd-ev{width:112px;right:10px}}.fd-pick{max-width:760px}.fd-pick-q{color:#e9ebf2;margin:0 0 14px;font-size:15px}.fd-pick-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;max-height:46vh;display:grid;overflow:auto}.fd-pick-list button,.fd-floors button{text-align:left;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff59;border-radius:4px;gap:4px;padding:12px 14px;display:grid}.fd-pick-list button:hover:not(:disabled){background:#fff3}.fd-pick-list button b{font-size:15px}.fd-pick-list button span{color:#d3d7e2;font-size:12px;line-height:1.45}.fd-pick-list button:disabled{opacity:.45;cursor:default}.fd-back{color:#cfd4e2;background:0 0;border:0;margin-top:12px;padding:6px 0}.fd-floors{gap:6px;max-height:60vh;display:grid;overflow:auto}.fd-floors button{color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#dcdad3}.fd-floors button.here{border-color:var(--accent)}.fd-floors button span{color:#6e6c66;font-size:12px}.fd-floors button em{color:#a3500f;font-size:11px;font-style:normal}.fd-floors button:disabled{opacity:.55}.fd-where .bld{text-shadow:none;background:#a3500f;border-radius:3px;padding:3px 7px;font-weight:700}.fd-transfer{z-index:25;color:var(--ink);background:#ebe9e4eb;place-content:center;justify-items:center;gap:12px;font-size:15px;display:grid;position:absolute;inset:0}.fd-map .walk{fill:#f7f6f2}.fd-map .nodata{stroke:#b9b6ad;stroke-width:.06px}.fd-map .label.nd{fill:#8f8c84;font-size:.9px}.fd-variants{border:1px dashed #cfcdc6;border-radius:4px;gap:6px;padding:8px;display:grid}.fd-variants button.on{border-color:var(--accent);color:var(--accent)}.fd-canvas{touch-action:none}.fd-touch{pointer-events:none;height:0;position:absolute;inset:auto 0 0}.fd-stick{left:max(20px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;touch-action:none;background:#14161a47;border:1px solid #ffffff59;border-radius:50%;width:120px;height:120px;position:absolute}.fd-stick span{background:#ffffffd9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000040}.fd-touch-btns{right:max(16px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;grid-template-columns:repeat(2,64px);gap:10px;display:grid;position:absolute}.fd-touch-btns button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;background:#14161a73;border:1px solid #fff6;border-radius:14px;height:52px;font-size:14px;font-weight:600}.fd-touch-btns button:active{background:#ffffff4d}@media (width<=720px){.fd-menu nav{scrollbar-width:none;flex-wrap:nowrap;gap:4px;overflow-x:auto}.fd-menu nav button{white-space:nowrap;flex:none;padding-inline:10px}.fd-menu header{flex-wrap:wrap;gap:4px}}.fd-go{gap:10px;max-height:min(60vh,520px);display:grid;overflow:auto}.fd-go-floor b{margin-bottom:4px;font-size:13px;display:block}.fd-go-chips{flex-wrap:wrap;gap:6px;display:flex}.fd-menu .fd-go-chips button{border-radius:14px;padding:6px 10px;font-size:13px}.fd-menu .fd-go-chips button.here{border-color:var(--accent);color:var(--accent)}.fd-map.pickable{cursor:crosshair}