:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#223a3c;background:#e9ece7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#view{position:fixed;inset:0}canvas{display:block;touch-action:none}header{position:fixed;left:36px;right:36px;top:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;gap:12px;text-decoration:none;color:inherit;letter-spacing:2px;font-size:14px;font-weight:750;pointer-events:auto}.brand-icon{font-size:34px;line-height:43px;width:46px;height:46px;border:1px solid #abc0b7;border-radius:14px;text-align:center}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:3px;margin-top:6px;color:#657b77}.pill{display:flex;align-items:center;gap:9px;padding:11px 18px;border:1px solid #ffffffaa;background:#ffffffbf;border-radius:40px;font-size:12px;backdrop-filter:blur(16px)}i,.dot{width:7px;height:7px;border-radius:50%;background:#449c80;display:inline-block}.panel{position:fixed;left:36px;top:130px;width:225px;padding:0}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#68857c;font-weight:650}h1{font-size:29px;line-height:1.5;letter-spacing:-1px;font-weight:600;margin:13px 0 12px}.panel p{font-size:12px;line-height:1.9;color:#758781;margin:0 0 24px}.floors{display:flex;gap:8px;margin-bottom:16px}button{font:inherit;cursor:pointer;border:1px solid transparent;transition:background .18s,box-shadow .18s;touch-action:manipulation}button:focus-visible{outline:3px solid #d59647;outline-offset:3px}.floors button{flex:1;text-align:left;padding:12px;background:#ffffff9c;border-radius:12px;color:#84978d;font-size:11px}.floors span{display:block;font-size:15px;margin-top:4px}.floors button[aria-pressed=true]{background:#294a45;color:white;box-shadow:0 6px 18px #294a4526}.tools{display:grid;gap:7px}.tools button{background:#ffffffa8;color:#526b62;text-align:left;padding:11px 14px;border-radius:10px;font-size:12px}.tools button:hover,.tools button[aria-pressed=true]{background:#dbe6dd;color:#254b3d}.hint{border-top:1px solid #8c9c9029;margin-top:22px;padding-top:16px;font-size:10px;line-height:1.8;color:#829086}.hint b{display:block;letter-spacing:2px;font-size:11px;color:#4e675e;margin-bottom:6px}.hint span{display:block}.footnote{font-size:10px;color:#91a096;margin-top:20px}.bottom{position:fixed;left:36px;right:36px;bottom:24px;display:flex;align-items:center;gap:9px;font-size:11px;color:#688176}.bottom button{margin-left:auto;background:#ffffffb0;border-radius:20px;padding:8px 15px;color:#476659;font-size:11px}.pad{position:fixed;right:35px;bottom:70px;display:flex;flex-direction:column;align-items:center;gap:5px}.pad div{display:flex;gap:5px}.pad button{width:40px;height:40px;border-radius:12px;background:#ffffffc9;border:1px solid #fff;color:#416352;box-shadow:0 2px 8px #233b3010;font-size:20px;user-select:none;touch-action:none}.pad button:active{background:#b9d7c4}#loading{position:fixed;inset:0;background:#eef1e8e8;display:grid;place-items:center;z-index:10;backdrop-filter:blur(12px)}.load-card{text-align:center}.load-card h2{font-size:20px;font-weight:500}.load-card p{font-size:12px;color:#708071}.spinner{width:32px;height:32px;margin:auto;border:2px solid #ccdbd0;border-top-color:#386c52;border-radius:50%;animation:spin 1s linear infinite}#retry{padding:10px 24px;border-radius:8px;background:#294a45;color:white}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}@media(max-width:700px){header{top:18px;left:18px;right:18px}.brand{font-size:11px}.brand small{font-size:9px}.brand-icon{width:36px;height:36px;font-size:27px;line-height:33px}.pill{padding:8px 12px;font-size:10px}.panel{top:84px;left:18px;width:162px}.eyebrow,h1,.panel p,.footnote{display:none}.floors{margin-bottom:8px}.floors button{padding:7px 10px}.floors span{display:inline;margin-left:4px;font-size:12px}.tools{gap:4px}.tools button{font-size:10px;padding:8px 10px}.hint{display:none}.hint.open{display:block;background:#ffffffe6;padding:10px;border-radius:10px}.bottom{left:18px;right:18px;bottom:16px;font-size:10px}.pad{right:18px;bottom:62px}.pad button{width:48px;height:48px}}
.rotation{display:flex;gap:8px;margin-top:10px}.rotation button{flex:1;min-height:44px;padding:8px 6px;border-radius:10px;background:#ffffffcf;color:#365b4c;font-size:18px;white-space:nowrap}.rotation span{font-size:11px}.rotation button:hover{background:#dbe6dd}.rotation button:active{background:#b9d7c4}@media(max-width:700px){.panel{width:194px}.rotation{gap:5px;margin-top:7px}.rotation button{min-height:44px}.rotation span{font-size:10px}.brand small{letter-spacing:1.5px}.pill{max-width:43vw}.pill #place{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom #status{max-width:65%;line-height:1.4}}