@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#f1e7d7;background:#111b25;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{height:100%;min-height:620px;margin:0;overflow:hidden}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d7e6a4;outline-offset:4px}#app{position:relative;isolation:isolate}.scene-shell{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 58% 39%,#36556a,#203746 43%,#101c27 78%,#0b161f)}.scene-shell canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.scene-shell canvas:active{cursor:grabbing}.scene-gradient{position:absolute;pointer-events:none;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,21,29,.94) 0%,rgba(12,21,29,.5) 23%,transparent 42%,transparent 68%,rgba(11,22,30,.52) 100%),linear-gradient(0deg,rgba(11,22,30,.74) 0%,transparent 18%,transparent 83%,rgba(11,22,30,.4) 100%)}.topbar{position:absolute;inset:0 0 auto;z-index:7;height:100px;padding:25px 4.1%;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.topbar>*{pointer-events:auto}.brand{text-decoration:none;color:#f7eee2;display:flex;align-items:center;gap:13px;font-size:21px;font-weight:800;letter-spacing:-1px;line-height:1.2}.brand small{display:block;font-size:8px;font-weight:700;letter-spacing:3.1px;color:#baae9e;margin-top:5px}.brand-mark{font-size:28px;color:#dce6bd;width:43px;height:43px;display:grid;place-items:center;border:1px solid #b0c6b477;border-radius:50%}.topbar-right{display:flex;align-items:center;gap:14px;padding-top:10px}.status{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.6px;color:#d1e7c8}.status i{height:6px;width:6px;display:inline-block;border-radius:50%;background:#b3d5a2;box-shadow:0 0 13px #aad79e}#connectionStatus.offline{color:#dbbba7}#connectionStatus.offline i{background:#e6a279;box-shadow:none}.quiet-button{background:none;border:0;color:#e4ded4;font-size:12px;font-weight:600}.quiet-button span{font-size:16px;margin-left:6px}.intro{position:absolute;z-index:3;left:4.3%;top:25.5%;width:min(360px,30%);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3.1px;font-weight:800;color:#d3e8b3}.intro h1{margin:24px 0 18px;font-weight:600;font-size:clamp(31px,3.2vw,57px);line-height:1.32;letter-spacing:-2.4px}.intro h1 em{font-family:Georgia,Noto Sans KR,serif;font-style:normal;font-weight:500;color:#c3d6ae}.intro p{color:#b5bdba;font-size:clamp(11px,.86vw,13px);line-height:2.2;font-weight:400}.meta{display:flex;gap:43px;margin-top:42px;padding-top:19px;border-top:1px solid #9db2a33d;width:max-content}.meta>span{font-size:29px;font-weight:400;letter-spacing:-1px;color:#fcf2e0}.meta small{font-size:9px;color:#9aaba8;display:block;letter-spacing:1.7px;margin-top:2px}.floor-panel{position:absolute;right:3.6%;top:20.6%;width:min(285px,24%);z-index:4}.floor-panel .panel-heading{margin-bottom:20px}.floor-panel h2{font-weight:600;letter-spacing:-.7px;font-size:20px;margin:10px 0 0}.floor-list{display:flex;flex-direction:column;gap:9px}.floor-item{width:100%;background:#1a2a339e;border:1px solid rgba(215,235,214,.1);border-radius:13px;color:#e7e6de;padding:12px 15px;display:flex;align-items:center;gap:12px;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .2s,border .2s,transform .2s}.floor-item:hover,.floor-item:focus-visible{background:#3d5657;transform:translate(-3px)}.floor-item.selected{background:#dfe9c5;color:#263f3e;border-color:#dfe9c5}.floor-badge{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#ffffff14;font-size:14px;font-weight:800;flex-shrink:0}.floor-item.selected .floor-badge{background:#bbcfaa}.floor-names{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}.floor-names b{font-size:13px;font-weight:700}.floor-names small{font-size:10px;letter-spacing:1.3px;opacity:.64}.floor-icon{font-size:18px;opacity:.75}.panel-foot{margin-top:15px;font-size:10px;color:#8b9fa1;display:flex;align-items:center;gap:6px}.panel-foot span{font-size:14px}.floor-overlay{position:absolute;left:4.3%;bottom:22%;z-index:3;min-width:230px;pointer-events:none;opacity:1;transition:opacity .2s}.floor-overlay h2{font-size:20px;letter-spacing:-1px;font-weight:600;margin:8px 0}.floor-overlay p{font-size:11px;color:#b5c2bb;margin:0}.actions{position:absolute;z-index:5;left:4.3%;bottom:11.8%;display:flex;gap:9px;flex-wrap:wrap;max-width:520px}.action{border-radius:999px;padding:13px 19px;display:inline-flex;gap:24px;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 8px 25px #001c261c;transition:transform .16s}.action:hover:not(:disabled){transform:translateY(-2px)}.action:disabled{opacity:.5;cursor:not-allowed}.action.primary{background:#dce7c2;color:#1f3c39;border:1px solid #dce7c2}.action.dark{background:#1f3439cc;border:1px solid #768a7c8c;color:#f3f1e4}.action.subtle{background:#1c2c359e;border:1px solid #6b85816d;color:#f0ede3}.action span{font-size:16px}.bottomline{position:absolute;bottom:25px;left:4.3%;right:4%;z-index:3;color:#a1b1b4;font-size:10px;display:flex;justify-content:space-between;letter-spacing:.2px}.tiny{font-size:9px;opacity:.75}.toast{position:absolute;z-index:9;left:50%;top:12%;transform:translate(-50%,-7px);border:1px solid #dce9bb66;background:#1a3334e6;color:#eff4e3;padding:13px 21px;border-radius:10px;box-shadow:0 8px 50px #0004;opacity:0;pointer-events:none;font-size:12px;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%)}.help-modal{background:#182930;color:#f0e9d9;padding:34px;border:1px solid #829a8577;border-radius:21px;max-width:470px;width:calc(100% - 34px);box-shadow:0 30px 120px #0009}.help-modal::backdrop{background:#04121bbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.help-modal form{position:relative}.help-modal h2{font-size:25px;letter-spacing:-1px;margin:12px 0 23px}.help-modal p{font-size:13px;line-height:2;color:#c5cec6}.help-modal .notice{font-size:11px;color:#97aba4}.close-modal{position:absolute;right:0;top:0;border:0;background:none;color:#e8f3df}.modal-cta{width:100%;margin-top:14px;justify-content:center}.joystick{display:none}@media(max-width:1100px){.intro{top:24%;width:25%}.intro h1{font-size:32px}.floor-panel{width:26%}.floor-overlay{left:4.3%;bottom:25%}.actions{bottom:12%}.scene-gradient{background:linear-gradient(90deg,#0e1c24e8 0%,transparent 24%,transparent 74%,#0e1c24a8 100%),linear-gradient(0deg,#0a1b25c4 0%,transparent 23%,transparent 85%,#0a1b2599 100%)}}@media(max-width:730px){html,body,#app{min-height:540px}.topbar{height:65px;padding:15px 17px}.brand{font-size:16px;gap:8px}.brand-mark{width:34px;height:34px;font-size:21px}.brand small{font-size:6px;letter-spacing:2px}.topbar-right{padding-top:6px;gap:8px}#peopleCount{display:none}.status{font-size:9px}.quiet-button{font-size:10px}.intro{left:17px;top:78px;width:70%}.intro h1{font-size:23px;line-height:1.4;letter-spacing:-1px;margin:12px 0 3px}.intro p,.meta{display:none}.eyebrow{font-size:8px;letter-spacing:2px}.scene-shell{inset:0;background:radial-gradient(circle at 50% 35%,#395d6a,#162a36 75%)}.scene-gradient{background:linear-gradient(0deg,rgba(8,22,30,.97) 0%,transparent 39%,transparent 65%,rgba(8,22,30,.55) 100%);pointer-events:none}.floor-panel{inset:auto 12px 92px;width:auto}.panel-heading,.panel-foot{display:none}.floor-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.floor-item{padding:9px 2px 8px;gap:3px;border-radius:11px;flex-direction:column;min-width:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floor-badge{width:100%;height:auto;background:transparent;font-size:11px}.floor-names b{font-size:9px;white-space:nowrap;letter-spacing:-.4px}.floor-names small,.floor-icon{display:none}.floor-names{align-items:center}.floor-overlay{left:17px;bottom:220px;min-width:0;max-width:60%}.floor-overlay h2{font-size:17px;margin:4px 0}.floor-overlay p{font-size:10px;line-height:1.5}.actions{left:12px;right:12px;bottom:152px;max-width:none;gap:6px}.action{padding:9px 11px;font-size:10px;gap:6px;flex:1}.action span{font-size:12px}.bottomline{left:13px;right:13px;bottom:12px;display:none}.joystick{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,33px);position:absolute;z-index:5;right:16px;bottom:205px;gap:5px}.joystick button{border:1px solid #d6e8c35e;border-radius:7px;background:#1b3339c9;color:#e5f0e1;font-size:18px;touch-action:none;-webkit-user-select:none;user-select:none}.joystick [data-dir=left]{grid-column:1;grid-row:2}.joystick [data-dir=right]{grid-column:3;grid-row:2}.joystick [data-dir=up]{grid-column:2;grid-row:1}.joystick [data-dir=down]{grid-column:2;grid-row:2}.toast{width:max-content;max-width:82%;top:18%;text-align:center}.floor-item.selected{background:#dfe9c5}}@media(max-width:380px){.brand small{letter-spacing:1px}.topbar-right .status{display:none}.action{font-size:9px;padding:8px}.floor-overlay{bottom:222px}.joystick{bottom:203px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}