html,body{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}#canvas{position:absolute;inset:0;width:100%;height:100%}#loading-screen{position:absolute;inset:0;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease}.loader-content{display:flex;flex-direction:column;align-items:center;gap:28px}#loading-logo{width:175px;height:auto;display:block}#progress-container{width:363px;height:3px;background-color:#d9d9d9;overflow:hidden}#progress-bar{width:0%;height:100%;background-color:#9cac46;transition:width .1s ease}#ui-logo{position:absolute;top:30px;left:34px;width:175px;height:auto;z-index:10;pointer-events:none}#right-panel{position:absolute;top:0;right:0;width:294px;height:100%;z-index:10}#panel-bg{position:absolute;inset:0;background:linear-gradient(to right,#000000e6,#0009);pointer-events:none}#compass{position:absolute;top:16px;right:78px;width:122px;height:122px;z-index:11;pointer-events:none}.compass-needle{position:absolute;top:61%;left:52%}#panel-tabs{position:absolute;top:155px;left:0;right:0;display:flex;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.4)}.panel-tab{flex:1;padding:6px 0;background:none;border:none;border-bottom:3px solid transparent;color:#fff6;font-family:Poppins,Noto Sans JP,sans-serif;font-size:14px;cursor:pointer;text-align:center;margin-bottom:-1px;transition:color .2s,border-color .2s}.panel-tab.active{color:#fff;border-bottom-color:#fff}#floor-list{position:absolute;top:198px;left:50%;transform:translate(-50%);width:210px;max-height:calc(100% - 248px);overflow-y:auto;scrollbar-width:none}#floor-list::-webkit-scrollbar{display:none}.floor-row{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}.floor-row.available{cursor:pointer;transition:background .15s}.floor-row.available:hover{background:#ffffff0f}.floor-row.available.selected{background:linear-gradient(to right,#2b2118,#ba956f)}.floor-num{font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:18px}.floor-tag{font-family:Poppins,sans-serif;font-size:12px;opacity:.6}.floor-row.sold .floor-num{opacity:.4}#surroundings-list{display:none;position:absolute;top:198px;left:50%;transform:translate(-50%);width:210px}#surroundings-list.active{display:block}.surroundings-row{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}.surroundings-name{font-family:Palatino Linotype,Palatino,Georgia,serif;font-size:14px}.surroundings-dist{font-family:Poppins,sans-serif;font-size:12px;opacity:.6}#back-btn{position:absolute;top:20px;right:310px;background:#fff;color:#000;border:none;border-radius:30px;padding:12px 24px;font-family:Poppins,Noto Sans JP,sans-serif;font-size:14px;cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;z-index:12}.unit-btn{position:absolute;background:#fff;color:#000;border:none;border-radius:30px;padding:12px 24px;font-family:Poppins,Noto Sans JP,sans-serif;font-size:14px;cursor:pointer;white-space:nowrap;box-shadow:0 0 20px #ba956f;opacity:0;pointer-events:none;z-index:12;top:45%}#unit-btn-a{left:39%}#unit-btn-b{left:59%}#unit-panel{display:none;position:absolute;inset:0}#unit-panel.active{display:block}#unit-header{position:absolute;top:174px;left:33px;width:237px;display:flex;flex-direction:column;gap:36px}#unit-title{font-family:"Noto Serif TC",Georgia,serif;font-size:36px;font-weight:500;line-height:1;color:#fff}#unit-stats{display:flex;gap:32px;align-items:center}.unit-stat-item{display:flex;gap:16px;align-items:center}.unit-stat-divider{width:2px;height:58px;background:#ffffff4d;flex-shrink:0}.unit-stat-content{display:flex;flex-direction:column;gap:11px;color:#fff}.unit-stat-label{font-family:Poppins,sans-serif;font-size:14px;line-height:18px}.unit-stat-value{font-family:"Noto Serif TC",Georgia,serif;display:flex;gap:4px;align-items:flex-end}.stat-num{font-size:20px}.stat-unit{font-size:16px}#unit-section{position:absolute;top:340px;left:0;right:0;display:flex;flex-direction:column;gap:30px}#unit-tabs{display:flex;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,.4);width:100%}.unit-tab{flex:1;padding:6px 0;background:none;border:none;border-bottom:3px solid transparent;color:#fff6;font-family:Poppins,Noto Sans JP,sans-serif;font-size:14px;cursor:pointer;text-align:center;margin-bottom:-1px;transition:color .2s,border-color .2s;white-space:nowrap}.unit-tab.active{color:#fff;border-bottom-color:#fff}#unit-room-list{width:210px;align-self:center}.unit-room-row{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.2);color:#fff;font-family:Poppins,Noto Sans JP,sans-serif;font-size:16px}.unit-room-row span:last-child{font-size:14px}#enter-btn{position:absolute;bottom:95px;left:50%;transform:translate(-50%);width:210px;height:48px;background:linear-gradient(-80deg,#ba956f,#2b2118);border:none;border-radius:40px;color:#fff;font-family:Poppins,Noto Sans JP,sans-serif;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}#room-labels{display:none;position:absolute;inset:0;pointer-events:none;z-index:11}#room-labels.active{display:block}.room-label{position:absolute;background:#2b2118;color:#fff;font-family:Poppins,Noto Sans JP,sans-serif;font-size:14px;padding:7px 14px;border-radius:30px;opacity:.6;box-shadow:0 0 30px #ba956f;white-space:nowrap;transform:translate(-50%,-50%)}#layer-legend{display:none;position:absolute;left:20px;top:513px;width:160px;color:#fff;font-family:Poppins,Noto Sans JP,sans-serif;font-size:14px;z-index:11;pointer-events:none;flex-direction:column;gap:20px}#layer-legend.active{display:flex}.legend-section{opacity:.6;line-height:30px}.legend-row{display:flex;justify-content:space-between;line-height:14px}.legend-desc{opacity:.6;line-height:30px}#panel-toggle{position:absolute;top:50%;left:-52px;transform:translateY(-50%);width:38px;height:30px;background:#0006;border:1px solid rgba(255,255,255,.6);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:11}#daynight-toggle{position:absolute;bottom:36px;left:16px;display:flex;align-items:center;gap:4px;background:#03030380;border-radius:30px;padding:2px 3px;z-index:10}.toggle-btn{width:44px;height:44px;border:none;background:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.45;transition:opacity .2s,background .2s}.toggle-btn svg{width:24px;height:24px}.toggle-btn.active{opacity:1;background:#ffffff1f}#interior-overlay{display:none;position:absolute;inset:0;background:#000;z-index:100;cursor:pointer;justify-content:center;align-items:center}#interior-overlay.active{display:flex}#interior-img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}#surroundings-overlay{display:none;position:absolute;inset:0;pointer-events:none;z-index:9}#surroundings-overlay.active{display:block}#surr-lines{position:absolute;inset:0;width:100%;height:100%}.surr-label{position:absolute;background:#fff;color:#000;font-family:Poppins,Noto Sans JP,sans-serif;font-size:14px;padding:7px 14px;border-radius:30px;box-shadow:0 0 20px #ba956f;white-space:nowrap;transform:translate(-50%,-50%)}.surr-dist{position:absolute;background:#000c;color:#fff;font-family:Georgia,Palatino,serif;font-size:14px;width:54px;height:54px;border-radius:30px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}#copyright{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-family:Poppins,Noto Sans JP,sans-serif;font-size:11px;white-space:nowrap;z-index:10;pointer-events:none;line-height:1.7;opacity:.8}