.about-world{position:fixed;inset:0;background:#0b1421;z-index:30;color:#e8f0fb}.about-world[hidden]{display:none}.about-world canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.about-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#040a15a0,transparent 25%,transparent 70%,#040a15d0)}.about-bar{position:absolute;top:24px;left:26px;right:26px;display:flex;gap:25px;align-items:center}.about-bar small{font:9px monospace;letter-spacing:2px;color:#aac1db}.about-bar h2{margin:8px 0;font-size:25px;letter-spacing:2px}.about-world button{border:1px solid #a9bdd750;background:#0a192bdb;color:#e2edfb;border-radius:8px;padding:12px 16px;cursor:pointer;font-size:11px}.about-world button:hover,.about-world button:focus-visible{background:#2c4561;outline:2px solid #aed3ff}.about-hint{position:absolute;bottom:125px;left:15px;right:15px;text-align:center;font:9px monospace;letter-spacing:1px;pointer-events:none}.about-nav{position:absolute;bottom:22px;left:15px;right:15px;display:grid;justify-items:center;gap:10px}.about-nav>div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.about-detail{padding:25px;width:min(720px,92vw)}.about-detail>button{display:block;margin-left:auto}.about-detail h2{font-size:32px;letter-spacing:-1px;margin:25px 0}.about-detail p{font-size:16px;line-height:1.8;color:#b9ccdf}body.about-active #room-controls{visibility:hidden}@media(max-width:600px){.about-bar{top:16px;left:14px;right:14px;gap:15px}.about-bar h2{font-size:19px}.about-bar small{font-size:7px}.about-world button{padding:11px 10px;font-size:9px}.about-hint{bottom:160px;font-size:8px;line-height:1.8}.about-nav{bottom:max(16px,env(safe-area-inset-bottom))}.about-nav>div{gap:5px}.about-detail h2{font-size:27px}}

.about-bar h2,.about-detail h2{color:#b47aeb}
