*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,system-ui,sans-serif;background:#17130f}.room{position:relative;width:100vw;height:100vh;overflow:hidden;background:#b9a58d}.photo-room{position:absolute;inset:0;background-image:url("https://images.unsplash.com/photo-1721146378270-1b93839f7ae7?auto=format&fit=crop&fm=jpg&q=88&w=2400");background-size:cover;background-position:center 55%;filter:saturate(.92) contrast(1.02)}.light-layer{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#fff1d514 0 55%,#4d32170d 100%)}video{display:none}.agent{position:absolute;z-index:8;left:15%;top:72%;width:390px;height:590px;transform:translate(-50%,-50%);transform-origin:50% 100%;will-change:left,top,scale}.agent canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #0003)}.shadow{position:absolute;left:50%;bottom:5%;width:105px;height:19px;transform:translateX(-50%);background:#17100b55;border-radius:50%;filter:blur(8px);z-index:-1}.name{position:absolute;z-index:3;top:2%;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 9px;border:1px solid #ffffff25;border-radius:12px;background:#17130fbb;color:#fff;font-size:11px}.hud{position:absolute;z-index:20;left:18px;top:18px;display:flex;gap:12px;align-items:center;padding:11px 15px;border:1px solid #ffffff20;border-radius:14px;background:#191510dc;color:#fff;backdrop-filter:blur(12px);font-size:12px;box-shadow:0 8px 30px #0002}.hud strong{color:#a9f5a0}.hud span{opacity:.78}.hint{position:absolute;z-index:20;right:18px;bottom:18px;padding:9px 12px;border-radius:12px;background:#fff9e7e8;color:#4b4035;font-size:12px;box-shadow:0 5px 18px #0002;backdrop-filter:blur(8px)}@media(max-width:800px){.photo-room{background-position:center}.agent{width:300px;height:455px}.hud{flex-direction:column;align-items:flex-start;gap:3px}.hint{display:none}}