*{margin:0;padding:0;box-sizing:border-box;font-family:gilroy,sans-serif}body{overflow:hidden;background-color:#000;font-family:Inter,sans-serif}#info{position:absolute;top:20px;left:20px;color:#fff;z-index:10;pointer-events:none}.controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:100;background:#fff;padding:14px 18px;border-radius:40px;border:1px solid #000;box-shadow:0 10px 25px #00000026;-webkit-backdrop-filter:none;backdrop-filter:none}.view-btn{background:#fff;border:1px solid #000;color:#000;padding:10px 22px;border-radius:30px;cursor:pointer;font-weight:500;letter-spacing:.02em;transition:all .25s ease}.view-btn:hover{background:#f4ecd4;border-color:#edd11a;color:#000;transform:translateY(-2px);box-shadow:0 6px 14px #d6b15e59}.view-btn.active{background:#edd11a;border-color:#edd11a;color:#000;font-weight:600;box-shadow:0 8px 18px #d6b15e73;transform:translateY(-2px)}