*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Poppins,system-ui,sans-serif;background:#fbf4ee}#app canvas{display:block;cursor:grab}#app canvas:active{cursor:grabbing}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px;padding-inline:max(22px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-right));background:#fbf4eec7;backdrop-filter:blur(12px);border-bottom:1px solid rgba(44,42,51,.1);user-select:none}.topbar .brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#1e1c24;min-width:0;white-space:nowrap}.topbar .brand img{width:25px;height:25px;object-fit:contain}.topbar .brand .home{display:inline-flex;align-items:center;gap:9px;color:#2c2a33;text-decoration:none}.topbar .brand .home:hover{color:#947cf4}.topbar .brand .home .tld{background:linear-gradient(90deg,#947cf4,#fb3854,#feaa39);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topbar .brand .sep{color:#8b8590;font-weight:300}.topbar .brand .crumb{font-size:15px;font-weight:600;background:linear-gradient(90deg,#947cf4,#fb3854 55%,#feaa39);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.topbar .tag{font-size:12.5px;font-weight:300;color:#2c2a33bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.n-biped{color:#7a5fe0}.n-quadruped{color:#e02844}.n-crab{color:#d88a10}.about-btn{font-family:inherit;text-decoration:none;font-size:12.5px;font-weight:600;color:#2c2a33;background:#fffdfae6;border:1px solid rgba(44,42,51,.14);border-radius:999px;padding:7px 14px;cursor:pointer;white-space:nowrap;transition:transform .15s ease,border-color .15s ease}.about-btn:hover{transform:translateY(-1px);border-color:#947cf499}#ticker{position:fixed;left:22px;bottom:78px;z-index:20;display:flex;flex-direction:column;gap:6px;pointer-events:none;max-width:min(420px,70vw)}.tick{align-self:flex-start;padding:7px 14px;background:#fffdfad9;border:1px solid rgba(44,42,51,.08);border-radius:999px;backdrop-filter:blur(6px);font-size:12.5px;font-weight:300;color:#2c2a33d9;animation:tickIn .3s cubic-bezier(.2,.9,.3,1.1);transition:opacity .8s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tick b{font-weight:600}.tick.fading{opacity:0}@keyframes tickIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.camrow{position:fixed;left:22px;bottom:22px;z-index:20;display:flex;align-items:center;gap:8px}.cinema-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(44,42,51,.14);background:#fffdfad9;color:#2c2a338c;font-size:14px;cursor:pointer;transition:all .2s ease}.cinema-btn.on{background:linear-gradient(135deg,#947cf4,#fb3854);border-color:transparent;color:#fff;box-shadow:0 4px 14px -4px #947cf4cc}#camchip{padding:8px 16px;background:#fffdfacc;border:1px solid rgba(44,42,51,.08);border-radius:999px;backdrop-filter:blur(6px);font-size:12.5px;font-weight:400;color:#2c2a33;white-space:nowrap;user-select:none}#camchip .dim{color:#2c2a3399;font-weight:300}.hud-help{position:fixed;bottom:22px;right:22px;display:flex;gap:16px;padding:10px 18px;background:#fffdfacc;border:1px solid rgba(44,42,51,.08);border-radius:999px;backdrop-filter:blur(6px);color:#2c2a33cc;font-size:12.5px;font-weight:300;white-space:nowrap;user-select:none;pointer-events:none}.hud-help b{font-weight:600;color:#2c2a33}@media(max-width:760px){.topbar .tag,.hud-help{display:none}#ticker{bottom:70px;left:12px}.camrow{left:12px;bottom:14px}#camchip{max-width:calc(100vw - 80px);overflow:hidden;text-overflow:ellipsis}}@media(max-width:720px){.topbar .brand .crumb{min-width:0;overflow:hidden;text-overflow:ellipsis}.about-btn{padding:8px 12px}.about-btn .label{display:none}.camrow{left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));justify-content:center}.cinema-btn{width:44px;height:44px;flex:none;font-size:16px}#camchip{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.35}#ticker{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 64px)}}@media(pointer:coarse){.kb{display:none}}